header-img
Info :
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
더보기
FRONTEND/React