如何使用reactjs将数据从父页面传递给子节点？

Question

我想知道什么时候打开一个html页面，如果可以使用reactjs.s从父页面传递给子页面的详细信息我选择在html页面中打开而不是模态弹出因为数据量很大显示在页面中。

以下是我的代码：

我希望将变量“message”中的值传递给我将要打开的html页面。此消息可能很长，超过3000个字符。

var App = React.createClass({

    openModal: function () {
        var message = "hello xyz";
        window.open('../Scripts/Custom/Details.html', '', 'toolbar=no,status=0,width=548,height=325,menubar=no,location=no,resizable=yes');
   },

     render: function () {

     return (
            <div>
                <button onClick={this.openModal} >Open Modal</button>
            </div>
            );
    }
}
);
ReactDOM.render(<App/>, document.getElementById('container'))