Question

如何渲染2个在页面的两个不同部分共享道具的React元素？

我需要这个，因为我不想让页面的每个部分都做出反应，但<Header />中的某些元素与<Footer />分享一些道具

实施例：

＆＃13;

<body>
  <HeaderReactElement />
  tons of html code
  <FooterReactElement />
</body>

＆＃13;

由于

Answer 1

当您实例化页眉/页脚元素时，传入道具。没有理由不重复使用完全相同的道具。

如果数据会发生变化，那么道具应该有一个回调函数，页眉和页脚可以监听并强制重新渲染。

  //example to listen to changes
  componentWillMount: function(){
    this.callback = (function(){
      this.forceUpdate();
    }).bind(this);
    this.props.on('change',this.callback);
  },

在不同点上渲染React元素

1 个答案: