Question

我用一小段代码重新创建了一个问题。基本上我想控制日志组件prop的值。但它不断记录＆＃34;未定义＆＃34;

    var Something = React.createClass({
    propTypes:{
        vouch: React.PropTypes.string
    },

    render: function() {
        return (
        <div>
            <h1 onClick={this.props.onClick} vouch={this.props.vouch}>Click!</h1>
        </div>
        );
    }
});
var List = React.createClass({
    log: function() {
        console.log(this.props.vouch);
    },
    render: function  () {
        return (
            <Something onClick={this.log} vouch="test" />
            );
    }
});
ReactDOM.render(<List />, document.getElementById('react-app'));

Answer 1

你忘了用道具传递它吗：担保？

<PeopleList vouch="test">

你似乎在你的代码中误解了这一点：

<h1 text="Increment!" onClick={this.log} vouch="Test">Click!</h1>

你实际上正在通过＆＃34;测试＆＃34;对于没有意义的h1元素。

此外，您可以将道具作为一项要求，这样您就可以在控制台中看到错误，如果您没有通过以下方式正确传递道具：

propTypes:{
    vouch: React.PropTypes.string.isRequired
},

反应道具价值日志＆＃34; undefined＆＃34;

1 个答案: