javascript - React 组件 props 值问题

Question

我目前正在学习 React，我有一个简单的组件，可以呈现简单的纯文本。我创建了一个小组件，可以从 props 中获取简单的纯文本，但我很惊讶。当我在变量上分配一个简单的静态值时，它工作正常，但是当我尝试从 Prop 中获取该值时，它不起作用。

这里是示例代码片段。

let TextEditor = React.createClass({
  getInitialState: function () {
    var content = "test 2";
    var content = this.props.plainText
    return {
      content: content
    };
  },

  render() {
    return (
      <div>
        <Editor
          value={this.state.content}
        />
      </div>
    )
  }
})

提前感谢您的线索

Answer 1

getInitialState 现在看起来有点过时了。我建议至少研究一下 ES6 的做事方式。最好不要在构造函数中立即将 props 设置为 state，您可以在组件安装后更新状态。还有其他方法可以将 props 放入组件中，因此可以更详细地查看 React 文档。

作为一个基本的 ES6 示例......

class MyComp extends React.Component {
    constructor(props) {
        super(props);
        this.state = { content: '' };
    }

    componentDidMount = () => {
        const { plainText } = this.props;
        this.setState({ content: plainText });
    }

    render() {
        const { content } = this.state;
        return (
            <div>
                <Editor value={content} />
            </div>
        );
    }
}