如何在render方法之外使用react unstated？

Question

我在项目中使用的是ustated库。

在渲染方法中，我正在像这样使用dat$foo.factor <- 1 glm(formula = WL ~ 0 + New.Runner + foo.factor + Last.Run, family = binomial, data = dat) #New.Runner foo.factor Last.Run # 1.4582 NA -0.2507 ：

set

如何在渲染范围外调用render() { return ( <ApiSubscribe> {api => ( <button content='CLICK ME' onClick={() => api.setMessage('RENDER CLICK')} /> )} </ApiSubscribe> ) } ？例如在api.setMessage中？

ApiSubscribe是：

componentDidMount

Answer 1

喜欢吗？

class Child extends Component {
  componentDidMount() {
    this.props.api.setMessage('hey')
  }
  render {...}
]

let Parent = () => (
  <ApiSubscribe>
    {api => <Child api={api} />}
  </ApiSubscribe>
)

Answer 2

您可以创建一个HOC来包装您的组件，然后以道具的形式将容器从HOC组件传递到子组件。