我尝试使用存储在数据库中的数据呈现表单。如果我删除表单并将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>
)
}
答案 0 :(得分:1)
这是一个非常古老的问题,所以我不知道你是否还有同样的项目,但是我想确保如果可以的话没有松散的目的。该错误看起来像@ThaiTran所说的那样,addPosition
中没有定义PositionSingle
。添加之后,该错误应该消失。那有用吗?