Question

我发现此错误是基于react-rails的基本应用。

只有ReactOwner可以拥有引用。您可能正在为a添加引用未在组件render方法中创建的组件，或者你有多个React加载
的副本

以下是refs所在的组件代码。

var NewItem= React.createClass({
    handleClick() {
        var name    = this.refs.name.value;
        var description = this.refs.description.value;
        $.ajax({
            url: '/api/v1/items',
            type: 'POST',
            data: { item: { name: name, description: description } },
            success: (response) => {
                console.log('it worked!', response);
            }
        }); 
    },
    render() {
        return (
                <div>
                    <input ref='name' placeholder='Enter the name of the item' />
                    <input ref='description' placeholder='Enter a description' />
                    <button onClick={this.handleClick}>Submit</button>
                </div>

        )
    }
});

该错误表明，ref未在组件内创建，它似乎是已加载或已加载多个React副本，我认为这是不可能的，因为我只使用了react-rails宝石。

如果有人知道导致此错误的原因，我会很感激帮助。提前谢谢！

只有ReactOwner可以有refs。使用react-rails的错误

0 个答案: