流星反应形态

Question

我正在尝试使用存储在数据库中的数据呈现表单。如果我删除表单并将 PositionSingle input 字段包装在 div 中，数据会正确呈现，但是我是无法进行任何更改。当我将输入包装在 form 中时，组件不会呈现。

我刚开始接触 meteor，所以非常感谢您的帮助。

路径：PositionSingle.jsx

render() {
    return (    
        <form className="new-position" onSubmit={this.addPosition.bind(this)}>
            <input 
                type="text" 
                ref="title"
                placeholder="Position title" 
                defaultValue={this.props.position.title} />


            <input 
                type="text" 
                ref="company"
                placeholder="Company"
                defaultValue={this.props.position.company} />       

            <button type="submit">Submit</button>
        </form>
    )
}

路径：PositionWrapper.jsx

render() {

    return (
        <div>
            {this.positions().map( (position)=>{
                return  <PositionSingle key={position._id} position={position} />
            })}             
        </div>
    )
}

Answer 1

这是一个非常古老的问题，所以我什至不知道您是否还有相同的项目，但如果可以的话，我想确保没有任何遗漏。该错误看起来像@ThaiTran 所说的那样，您没有在 PositionSingle 中定义 addPosition。添加后，该错误应该消失。有用吗？

流星反应形态

Meteor React Form

meteor

meteor-react