728x90
μλ₯Ό λ€μ΄.. μλμ κ°μ μ½λλ₯Ό μμ±νλ€κ³ ν΄λ³΄μ.
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>
);
}
});
onclick event λ‘ map ν¨μμ νμλ μ΄λ€ κ²λ€μ μμ νλ κΈ°λ₯μ νλ function μ ꡬννλ€.
μ΄λ delete κΈ°λ₯μ λ²νΌ ν΄λ¦ μμλ§ λ°μνμ¬μΌ νλ€. κ·Όλ° ν΄λΉ function μμμ consoleμ μ°μ΄λ³΄λ©΄
νλ©΄μ΄ λ λλ§ λ λ function μμ console μ΄ μ°νλ κ²μ λ³Ό μ μμ κ²μ΄λ€.
μ΄λ²€νΈ ν¨μμ νλΌλ―Έν° κ°μ λ£μ κ²½μ°μλ λ¬Έλ²μ μ κ²½ μ¨μ£Όμ΄μΌ νλ€.
μλͺ» μ¬μ©λ ννμ μ½λ
onClick={this.function(param)}
μ μ λμνλ μ½λ
onClick={()=> this.function(param)}
728x90