blocks|key|125340|text|因为您调用的是该函数，而不是将函数传递给onClick，所以将该行更改为：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|125341|<button+type="submit"+onClick={()+=>+{+this.props.removeTaskFunction(todo)+}}>Submit</button>|code-block|syntax|javascript|125342|=>调用箭头函数，该函数是在ES6中引入的，将在React+0.13.3或更高版本上支持。|offset|length|style|CODE|125343|entityMap^0|0|0|0|2|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>Because you are calling that function instead of passing the function to onClick, change that line to this:</p>

<pre><code>&lt;button type="submit" onClick={() =&gt; { this.props.removeTaskFunction(todo) }}&gt;Submit&lt;/button&gt;
</code></pre>

<p><code>=&gt;</code> called Arrow Function, which was introduced in ES6, and will be supported on React 0.13.3 or upper. </p>


blocks|key|2680442|text|不调用函数，而是将值绑定到函数：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2680443|this.props.removeTaskFunction.bind(this,+todo)|code-block|syntax|javascript|2680444|参考文献：https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_objects/Function/bind|offset|length|2680445|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_objects/Function/bind^0|0|0|5|2J|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

<p>Instead of calling the function, bind the value to the function:</p>

<pre><code>this.props.removeTaskFunction.bind(this, todo)
</code></pre>

<p>MDN ref: <a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_objects/Function/bind">https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_objects/Function/bind</a></p>


blocks|key|2680462|text|onClick属性的值应该是函数，而不是函数调用。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2680463|<button+type="submit"+onClick={function(){removeTaskFunction(todo)}}>Submit</button>|code-block|syntax|javascript|2680464|entityMap^0|0|7|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>The value for your <code>onClick</code> attribute should be a function, not a function call.</p>

<pre><code>&lt;button type="submit" onClick={function(){removeTaskFunction(todo)}}&gt;Submit&lt;/button&gt;
</code></pre>


blocks|key|2680711|text|问题出在传递函数的方式上|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2680712|此时，您不是在传递函数，而是在调用它：|2680713|<Button+onClick={yourFunction()}+/>|code-block|syntax|javascript|2680714|你可以用两种方式解决这个问题：|2680715|<Button+onClick={()+=>+yourFunction(params)}+/>|2680716|或者如果你没有任何参数：|2680717|<Button+onClick={yourFunction}+/>|2680718|entityMap^0|0|8|0|0|0|0|F|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Z|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|10|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|11|8|@$9|12|A|13|B|C]]|D|@]|E|$]]|$1|O|3|P|5|J|7|14|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|15|8|@]|D|@]|E|$]]|$1|S|3|T|5|J|7|16|8|@]|D|@]|E|$K|L]]|$1|U|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|V|$]]

<p><strong>The Problem lies in how you pass your function</strong></p>
<p>At the moment you are not passing the function but Calling it instead:</p>
<pre><code>&lt;Button onClick={yourFunction()} /&gt;
</code></pre>
<p><strong>You can Fix this in two ways:</strong></p>
<pre><code>&lt;Button onClick={() =&gt; yourFunction(params)} /&gt;
</code></pre>
<p>Or if you dont have any params:</p>
<pre><code>&lt;Button onClick={yourFunction} /&gt;
</code></pre>


blocks|key|2892439|text|JSX与ReactJS一起使用，因为它与超文本标记语言非常相似，它给程序员提供了使用超文本标记语言的感觉，而它最终会转换为javascript文件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2892440|2892441|编写for循环并将function指定为{this.props.removeTaskFunction(todo)}将在触发循环时执行这些函数。|blockquote|2892442|2892443|要停止这种行为，我们需要将函数返回给onClick。胖箭头函数有一个隐藏的返回语句以及绑定属性。因此它将函数返回给OnClick+，因为Javascript也可以返回函数！|offset|length|style|BOLD|2892444|2892445|使用-|2892446|onClick={()+=>+{+this.props.removeTaskFunction(todo)+}}|code-block|syntax|javascript|2892447|这意味着-|2892448|var+onClick+=+function()+{
++return+this.props.removeTaskFunction(todo);
}.bind(this);|2892449|entityMap^0|0|0|0|0|11|2|17|4|1T|K|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|11|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|12|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|13|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|14|8|@$I|15|J|16|K|L]|$I|17|J|18|K|L]|$I|19|J|1A|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]|$1|N|3|O|5|6|7|1C|8|@]|9|@]|A|$]]|$1|P|3|Q|5|R|7|1D|8|@]|9|@]|A|$S|T]]|$1|U|3|V|5|6|7|1E|8|@]|9|@]|A|$]]|$1|W|3|X|5|R|7|1F|8|@]|9|@]|A|$S|T]]|$1|Y|3|-4|5|6|7|1G|8|@]|9|@]|A|$]]]|Z|$]]

<p>JSX is used with ReactJS as it is very similar to HTML and it gives programmers feel of using HTML whereas it ultimately transpiles to a javascript file.</p>

<blockquote>
  <p>Writing a for-loop and specifying function as
  {this.props.removeTaskFunction(todo)} will execute the functions
  whenever the loop is triggered .</p>
  
  <p>To stop this behaviour we need to return the function to onClick.  </p>
  
  <p>The fat arrow function has a hidden <strong>return</strong> statement along with the <strong>bind
  property</strong>. Thus it returns the function to OnClick <strong>as Javascript can
  return functions too</strong> !!!!!</p>
</blockquote>

<p>Use -</p>

<pre><code>onClick={() =&gt; { this.props.removeTaskFunction(todo) }}
</code></pre>

<p>which means-</p>

<pre><code>var onClick = function() {
  return this.props.removeTaskFunction(todo);
}.bind(this);
</code></pre>


blocks|key|2680516|text|对于那些不使用箭头函数而是使用更简单的函数的人来说...在我的signOut函数后面添加括号时，我遇到了这个问题...|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2680517|替换此<a+onClick={props.signOut()}>Log+Out</a>|offset|length|style|CODE|2680518|有了这个<a+onClick={props.signOut}>Log+Out</a>+...！|2680519|entityMap^0|0|3|14|0|4|12|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@$D|N|E|O|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|P|8|@$D|Q|E|R|F|G]]|9|@]|A|$]]|$1|J|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|K|$]]

<p>For those not using arrow functions but something simpler ... I encountered this when adding parentheses after my signOut function ...</p>

<p>replace this <code>&lt;a onClick={props.signOut()}&gt;Log Out&lt;/a&gt;</code></p>

<p>with this <code>&lt;a onClick={props.signOut}&gt;Log Out&lt;/a&gt;</code> ... ! </p>


blocks|key|2680547|text|JSX将评估JavaScript+expressions+in+curly+braces|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2680548|在本例中，将调用this.props.removeTaskFunction(todo)并将返回值分配给onClick|style|CODE|2680549|您必须为onClick提供的是一个函数。为此，您可以将值包装在匿名函数中。|2680550|export+const+samepleComponent+=+({todoTasks,+removeTaskFunction})+=>+{
++++const+taskNodes+=+todoTasks.map(todo+=>+(
++++++++++++++++<div>
++++++++++++++++++++{todo.task}
++++++++++++++++++++<button+type="submit"+onClick={()+=>+removeTaskFunction(todo)}>Submit</button>
++++++++++++++++</div>
++++++++++++);
++++return+(
++++++++<div+className="todo-task-list">
++++++++++++{taskNodes}
++++++++</div>
++++++++);
++++}
});|code-block|syntax|javascript|2680551|entityMap|0|LINK|mutability|MUTABLE|url|https://reactjs.org/docs/introducing-jsx.html#embedding-expressions-in-jsx^0|6|12|0|0|8|Z|1F|7|0|4|7|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|6|7|10|8|@$A|11|B|12|F|G]|$A|13|B|14|F|G]]|9|@]|C|$]]|$1|H|3|I|5|6|7|15|8|@$A|16|B|17|F|G]]|9|@]|C|$]]|$1|J|3|K|5|L|7|18|8|@]|9|@]|C|$M|N]]|$1|O|3|-4|5|6|7|19|8|@]|9|@]|C|$]]]|P|$Q|$5|R|S|T|C|$U|V]]]]

<p>JSX will evaluate <a href="https://reactjs.org/docs/introducing-jsx.html#embedding-expressions-in-jsx" rel="nofollow noreferrer">JavaScript expressions in curly braces</a></p>

<p>In this case, <code>this.props.removeTaskFunction(todo)</code> is invoked and the return value is assigned to <code>onClick</code></p>

<p>What you have to provide for <code>onClick</code> is a function. To do this, you can wrap the value in an anonymous function.</p>

<pre><code>export const samepleComponent = ({todoTasks, removeTaskFunction}) =&gt; {
    const taskNodes = todoTasks.map(todo =&gt; (
                &lt;div&gt;
                    {todo.task}
                    &lt;button type="submit" onClick={() =&gt; removeTaskFunction(todo)}&gt;Submit&lt;/button&gt;
                &lt;/div&gt;
            );
    return (
        &lt;div className="todo-task-list"&gt;
            {taskNodes}
        &lt;/div&gt;
        );
    }
});
</code></pre>


blocks|key|122835|text|我也有类似的问题，我的代码是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|122836|function+RadioInput(props)+{
++++return+(
++++<div+className="form-check+form-check-inline">
++++++++<input+className="form-check-input"+type="radio"+name="inlineRadioOptions"+id={props.id}+onClick={props.onClick}+value={props.label}></input>
++++++++<label+className="form-check-label"+htmlFor={props.id}>{props.label}</label>
++++</div>
++++);
++}
class+ScheduleType+extends+React.Component
{
++++renderRadioInput(id,label)
++++{
++++++++id+=+"inlineRadio"%2Bid;
++++++++return(
++++++++++++<RadioInput
++++++++++++++++id+=+{id}
++++++++++++++++label+=+{label}
++++++++++++++++onClick+=+{this.props.onClick}
++++++++++++/>
++++++++);

++++}|code-block|syntax|javascript|122837|它应该在哪里|122838|onClick+=+{()+=>+this.props.onClick()}|122839|在RenderRadioInput中|122840|它为我解决了这个问题。|122841|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>I had similar issue, my code was:</p>

<pre><code>function RadioInput(props) {
    return (
    &lt;div className="form-check form-check-inline"&gt;
        &lt;input className="form-check-input" type="radio" name="inlineRadioOptions" id={props.id} onClick={props.onClick} value={props.label}&gt;&lt;/input&gt;
        &lt;label className="form-check-label" htmlFor={props.id}&gt;{props.label}&lt;/label&gt;
    &lt;/div&gt;
    );
  }
class ScheduleType extends React.Component
{
    renderRadioInput(id,label)
    {
        id = "inlineRadio"+id;
        return(
            &lt;RadioInput
                id = {id}
                label = {label}
                onClick = {this.props.onClick}
            /&gt;
        );

    }
</code></pre>

<p>Where it should be </p>

<pre><code>onClick = {() =&gt; this.props.onClick()}
</code></pre>

<p>in <em>RenderRadioInput</em></p>

<p>It fixed the issue for me.</p>


blocks|key|123825|text|甚至可以通过比以下方式更具可读性的方式实现这一点：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|123826|<button+onClick={()+=>+somethingHere(param)}/>|offset|length|style|CODE|123827|const+Comp+=+()+=>+{
++const+[triggered,+setTriggered]+=+useState(false);

++const+handleClick+=+(valueToSet)+=>+()+=>+{
++++setTriggered(valueToSet);
++};

++return+(
++++<div>
++++++<button+onClick={handleClick(true)}>Trigger</button>
++++++<div>{String(triggered)}</div>
++++</div>
++);
};|code-block|syntax|javascript|123828|这样它就不会触发状态设置器，并且与<button+onClick={setTriggered(true)}/>相比也不会导致太多的重新渲染，如果你没有任何参数传递给函数，这是可以的。|123829|entityMap^0|0|0|1A|0|0|H|12|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@$D|S|E|T|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|U|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|V|8|@$D|W|E|X|F|G]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|P|$]]

<p>It is possible to achieve this even in more readable way than:</p>
<p><code>&lt;button onClick={() =&gt; somethingHere(param)}/&gt;</code></p>
<pre><code>const Comp = () =&gt; {
  const [triggered, setTriggered] = useState(false);

  const handleClick = (valueToSet) =&gt; () =&gt; {
    setTriggered(valueToSet);
  };

  return (
    &lt;div&gt;
      &lt;button onClick={handleClick(true)}&gt;Trigger&lt;/button&gt;
      &lt;div&gt;{String(triggered)}&lt;/div&gt;
    &lt;/div&gt;
  );
};
</code></pre>
<p>That way it won't fire the state setter and won't cause too many re-renders compared to <code>&lt;button onClick={setTriggered(true)}/&gt;</code>
which is okay if you don't have any params to pass to the function.</p>


blocks|key|2680628|text|这是因为您直接调用函数，而不是将函数传递给onClick|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2680629|如果您已经向下传递了onClick={onClickHandler()}，那么函数onClickHandler()也将在渲染期间执行，()指示在渲染后立即执行该函数，这在这里并不需要，相反，我们使用onClick={onClickHandler}，这将仅在指定的事件发生时执行onClickHandler。但是如果我们想要将一个参数和函数一起传递，那么我们可以使用ES6箭头函数。对于您的案例：|2680630|<button+type="submit"+onClick={()+=>+this.props.removeTaskFunction(todo)}>Submit</button>|code-block|syntax|javascript|2680631|entityMap^0|L|7|0|A|Q|15|G|1V|2|2R|O|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@$9|S|A|T|B|C]|$9|U|A|V|B|C]|$9|W|A|X|B|C]|$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|10|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|N|$]]

<p>That's because you are calling the function directly instead of passing the function to <code>onClick</code></p>
<p>If you have passed down <code>onClick={onClickHandler()}</code> then, the function <code>onClickHandler()</code> will be executed during the time of rendering too, the <code>()</code> instructs to execute the function as soon as it is rendered , which is not desired here , instead we use <code>onClick={onClickHandler}</code> , this will execute the onClickHandler only when the specified event occurs. But if we want to pass down a argument along with the function then we can make use of ES6 arrow function.
For your Case :</p>
<pre><code>&lt;button type=&quot;submit&quot; onClick={() =&gt; this.props.removeTaskFunction(todo)}&gt;Submit&lt;/button&gt;
</code></pre>


blocks|key|2680658|text|这里有点晚了，但这是一个简单的答案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2680659|由于JS+DOM呈现，直接方法将自动触发|2680660|onClick={this.props.removeTaskFunction(todo)}|code-block|syntax|javascript|2680661|匿名箭头函数方法。它将在点击时触发|2680662|onClick={()=>this.props.removeTaskFunction(todo)}|2680663|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>Bit late here but here is the simple answer.</p>
<p>direct approach will trigger by itself due to JS DOM rendering</p>
<pre><code>onClick={this.props.removeTaskFunction(todo)}
</code></pre>
<p>anonymous arrow function approach. it will trigger on click</p>
<pre><code>onClick={()=&gt;this.props.removeTaskFunction(todo)}
</code></pre>


blocks|key|2680701|text|您没有将函数作为参数传递，而是直接调用它，这就是它在渲染上启动的原因。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2680702|如何修复IT|offset|length|style|BOLD|2680703|有两种方法：|2680704|第一|2680705|<Button+onClick={()+=>+{+
this.props.removeTaskFunction(todo);
}
}>click</Button>|code-block|syntax|javascript|2680706|或|2680707|只需绑定它|2680708|this.props.removeTaskFunction.bind(this,todo);|2680709|entityMap^0|0|0|6|0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@$D|10|E|11|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|12|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|13|8|@]|9|@]|A|$]]|$1|L|3|M|5|N|7|14|8|@]|9|@]|A|$O|P]]|$1|Q|3|R|5|6|7|15|8|@$D|16|E|17|F|G]]|9|@]|A|$]]|$1|S|3|T|5|6|7|18|8|@]|9|@]|A|$]]|$1|U|3|V|5|N|7|19|8|@]|9|@]|A|$O|P]]|$1|W|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|X|$]]

<p>You are not passing the function as an argument you are calling it directly that why it launches on the render.</p>
<p><strong>HOW TO FIX IT</strong></p>
<p>there are two ways:</p>
<p><em>First</em></p>
<pre><code>&lt;Button onClick={() =&gt; { 
this.props.removeTaskFunction(todo);
}
}&gt;click&lt;/Button&gt;
</code></pre>
<p><strong>OR</strong></p>
<p>Just bind it</p>
<pre><code>this.props.removeTaskFunction.bind(this,todo);
</code></pre>


blocks|key|125476|text|您需要在onClick中使用箭头函数，以防止立即调用。因此，如果您的按钮看起来像这样：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|125477|<button+onClick={yourfunctionname()}+/>|code-block|syntax|javascript|125478|必须是这样的：|125479|<button+onClick={()+=>+yourfunctionname(params)}+/>|125480|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>you need to use an arrow function with onClick in order to prevent immediately invoke.
so if your button looks like this :</p>
<pre><code>&lt;button onClick={yourfunctionname()} /&gt;
</code></pre>
<p>it must be like this :</p>
<pre><code>&lt;button onClick={() =&gt; yourfunctionname(params)} /&gt;
</code></pre>


<p>I pass 2 values to a child component: </p>

<ol>
<li>List of objects to display  </li>
<li>delete function.</li>
</ol>

<p>I use a .map() function to display my list of objects(like in the example given in react tutorial page), but the button in that component fires the <code>onClick</code> function, on render(it should not fire on render time). My code looks like this:</p>

<pre><code>module.exports = React.createClass({
    render: function(){
        var taskNodes = this.props.todoTasks.map(function(todo){
            return (
                &lt;div&gt;
                    {todo.task}
                    &lt;button type="submit" onClick={this.props.removeTaskFunction(todo)}&gt;Submit&lt;/button&gt;
                &lt;/div&gt;
            );
        }, this);
        return (
            &lt;div className="todo-task-list"&gt;
                {taskNodes}
            &lt;/div&gt;
        );
    }
});
</code></pre>

<p>My question is: why does <code>onClick</code> function fire on render and how to make it not to?</p>


React onClick function fires on render

我将两个值传递给子组件：要显示删除功能的对象列表。我使用.map()函数来显示我的对象列表(类似于react教程页面中给出的示例)，但是该组件中的按钮在呈现时触发onClick函数(它不应该在呈现时触发)。我的代码如下所示：module.exports = React.createClass({    render: function(){        var taskNodes = this.

问React onClick函数在呈现时触发
EN

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问React onClick函数在呈现时触发EN

回答 13

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问React onClick函数在呈现时触发
EN