0

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

我是新来的流星反应所以任何帮助表示赞赏。

小路: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>
    )
}
4

1 回答 1

1

这是一个非常古老的问题,所以我什至不知道您是否还有相同的项目,但如果可以的话,我想确保没有松散的结局。该错误看起来像@ThaiTran 所说的,您没有addPositionPositionSingle. 添加后,该错误应该消失。那行得通吗?

于 2017-07-14T21:18:29.443 回答