Eu passo 2 valores para um componente filho:
- Lista de objetos a serem exibidos
- função de exclusão.
Eu uso uma função .map () para exibir minha lista de objetos (como no exemplo dado na página do tutorial de reação), mas o botão desse componente aciona a onClick
função no render (ele não deve acionar no tempo de renderização). Meu código fica assim:
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>
);
}
});
Minha pergunta é: por que a onClick
função dispara no render e como fazê-lo não funcionar?