在Nodejs中复制ReactContext

html5 • • 问答

我想在 Nodejs 中复制 React Context 的行为，但我正在努力解决它。

在反应，通过创建只有一个背景下，我可以提供，在我的组件占用不同的值，取决于value给予<Provider/>。所以以下工作：

const MyContext = React.createContext(0);

const MyConsumer = () => { 
  return (
    <MyContext.Consumer>
      {value => {
        return <div>{value}</div>
      }}
    </MyContext.Consumer>
  )
}

const App = () => 
    <React.Fragment>
      <MyContext.Provider value={1}>
        <MyConsumer/>
      </MyContext.Provider>
      <MyContext.Provider value={2}>
        <MyConsumer/>
      </MyContext.Provider>
    </React.Fragment>;

ReactDOM.render(
  <App/>,
  document.getElementById("react")
);
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
<div></div>
以上是在Nodejs中复制ReactContext的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>
相关内容