我正在尝试使用存储在数据库中的数据来呈现表单。如果我删除表单并将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>
)
}