Saya meneruskan 2 nilai ke komponen anak:
- Daftar objek untuk ditampilkan
- hapus fungsi.
Saya menggunakan fungsi .map () untuk menampilkan daftar objek saya (seperti pada contoh yang diberikan pada halaman tutorial bereaksi), tetapi tombol pada komponen tersebut mengaktifkan onClick
fungsi, pada render (seharusnya tidak menyala pada waktu render). Kode saya terlihat seperti ini:
module.exports = React.createClass({
render: function(){
var taskNodes = this.props.todoTasks.map(function(todo){
return (
<div>
{todo.task}
<button type="submit" onClick={this.props.removeTaskFunction(todo)}>Submit</button>
</div>
);
}, this);
return (
<div className="todo-task-list">
{taskNodes}
</div>
);
}
});
Pertanyaan saya adalah: mengapa onClick
fungsi menyala saat render dan bagaimana membuatnya tidak?