Этот пример будет работать для React16.3 и выше.

кликните сюда для проверки рабочего примера.

a) Получить данные из родительского компонента во вложенный компонент chid, используя контекстный API-интерфейс реакции

1. Главный родительский компонент

Context lets us pass a value deep into the component tree without explicitly threading it through every component. Create a context for the current theme (with "light" as the default).

const ThemeContext = React.createContext('light');

class App extends React.Component {
  render() {
    // Use a Provider to pass the current theme to the tree below.
    // Any component can read it, no matter how deep it is.
    // In this example, we're passing "dark" as the current value.
    const theme = "dark";
    return (
      <ThemeContext.Provider value = {theme}>
        <Toolbar />
      </ThemeContext.Provider>
    );
  }
}

2. Родительский компонент

A component in the middle doesn't have to pass the theme down explicitly anymore.

function Toolbar(props) {
  return (
    <div>
      <ThemedButton />
    </div>
  );
}

3. Дочерний компонент

function ThemedButton(props) {
  // Use a Consumer to read the current theme context.
  // React will find the closest theme Provider above and use its value.
  // In this example, the current theme is "dark".
  return (
    <ThemeContext.Consumer>
      {theme => <div>{theme}</div>}
    </ThemeContext.Consumer>
  );
}

Замените тема на параметры в вашем случае.

Для получения более подробной информации воспользуйтесь ссылкой на React doc. кликните сюда

б) Хранить данные из родительского компонента для хранения и получать их во вложенном дочернем компоненте с помощью redux

Here you are getting data from state and passing options data to your component

const mapStateToProps = (state) => ({
  options: state.options,
});

Here you are connecting your component from state

export default connect(
  mapStateToProps,
  null,
)(ChildComponent);