我想知道是否有可能在两个React组件标签之间传递数据
例：
Component.js
var React = require('react');
export class MyComponent extends React.Component {
render() {
return /*some text*/;
}
}
App.js
/*rendered to page*/ <MyComponent>How do I display this text?</MyComponent>
我知道我可以添加this.props.text,但只是好奇,如果这是一个选项
解决方法
你可以使用this.props.children：
export class MyComponent extends React.Component {
render() {
return <div>{this.props.children}</div>
}
}
然后将其写为JSX元素：
<MyComponent>How do I display this text?</MyComponent>
