我想我的變異與組件在此代碼繼電器,但我不知道爲什麼我不能把onClick事件上我無法在我的反應組件中傳遞一個onClick事件?
handleSubmit = (e) => {
e.preventDefault();
Relay.Store.commitUpdate(
new createTodoMutation({
text: this.refs.textForNewTodo.value,
store: this.props.store
})
);
this.refs.textForNewTodo.value="";
}
handleOnClick = (id) => {
id.preventDefault();
Relay.Store.commitUpdate(
new toggleTodoStatus({
id: id,
store: this.props.store
})
);
}
render() {
let todolist = this.props.store.todoConnection.edges.map((edge) => {
return (
<li key={edge.node.id} onClick={this.handleOnClick(edge.node.id)}>
<p>{edge.node.text}</p>
</li>
);
});
return (
<div>
<h3>Todos</h3>
<form onSubmit={this.handleSubmit} >
<input type="text" placeholder="Todo text" ref="textForNewTodo" />
<button type="submit">Add</button>
</form>
Showing:
<select onChange={this.setLimit} defaultValue={this.props.relay.variables.limit}>
<option value="5">5</option>
<option value="10">10</option>
</select>
<ul>
{todolist}
</ul>
</div>
);
handleSubmit是工作,但handleOnClick上列出了名單是不是和我我有這個錯誤「Uncaught TypeError:無法讀取未定義的屬性」ID「,但我通過onClick = {this.handleOnClick(edge.node.id)}調用edge.node.id。我看不出這個代碼有什麼問題。幫幫我?
我仍然有Uncaught TypeError:無法讀取未定義錯誤的屬性'id':( –
@iamnewbie從'onClick'這行錯誤嗎?這意味着您的'edge'沒有一個名爲'node'的屬性。嘗試將其註銷? –