javascript - 是否有可能在 react 组件标签之间传递文本？

Question

我想知道是否可以在两个 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 但我很好奇这是否是一个选项

Answer 1

你可以使用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>