Передача данных из родительского компонента в дочерний компонент внутри поставщика и потребителя в ответ

Question

У меня есть родительский компонент, где я должен использовать трансляцию в родительском компоненте.Я хотел бы передать данные с использованием поставщиков и потребителей в этом дочернем компоненте.Я хочу, чтобы дочерний компонент передавался по значению в родительском компоненте с использованием этого поставщика и потребителя.Затем я бы использовал поставщиков и потребителей этого родительского компонента для дочерних компонентов для методов обратного вызова.

Может кто-нибудь помочь с примером?Как мне решить эту проблему?Я очень новичок в реакции-редуксе.

Вот код:

import ReactDOM from "react-dom";
import "./styles.css";
import { createContext } from "react-broadcast";

// using CommonJS modules

const users = [{ name: "HITACHI" }, { name: "MGRM NET" }];

const { Provider, Consumer } = createContext(users[0]);

class UpdateBlocker extends React.Component {
  shouldComponentUpdate() {
    return false;
  }

  render() {
    return this.props.children;
  }
}

class App extends React.Component {
  state = {
    currentUser: Provider.defaultValue
  };

  componentDidMount() {
    setInterval(() => {
      const index = Math.floor(Math.random() * users.length);
      this.setState({ currentUser: users[index] });
    }, 2000);
  }

  render() {
    return (
      <div className="App">
        <Provider value={this.state.currentUser}>
          <UpdateBlocker>
            <Consumer>
              {currentUser => <p>The current user is {currentUser.name}</p>}
            </Consumer>
          </UpdateBlocker>
        </Provider>
      </div>
    );
  }
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);