blocks|key|2865109|text|您可以使用将返回node的ref回调。在该节点上调用click()以进行编程单击。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2865110|获取div节点|2865111|clickDiv(el)+{
++el.click()
}|code-block|syntax|javascript|2865112|为div节点设置ref|2865113|<div+
++id="element1"
++className="content"
++ref={this.clickDiv}
++onClick={this.uploadLogoIcon}
>|2865114|检查小提琴|2865115|https://jsfiddle.net/pranesh_ravi/5skk51ap/1/|2865116|希望它能帮上忙！|2865117|entityMap|0|LINK|mutability|MUTABLE|url^0|8|4|D|3|Q|7|0|2|3|0|0|1|3|8|3|0|0|0|0|19|0|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@$9|14|A|15|B|C]|$9|16|A|17|B|C]|$9|18|A|19|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1A|8|@$9|1B|A|1C|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|1D|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1E|8|@$9|1F|A|1G|B|C]|$9|1H|A|1I|B|C]]|D|@]|E|$]]|$1|O|3|P|5|J|7|1J|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|1K|8|@]|D|@]|E|$]]|$1|S|3|T|5|6|7|1L|8|@]|D|@$9|1M|A|1N|1|1O]]|E|$]]|$1|U|3|V|5|6|7|1P|8|@]|D|@]|E|$]]|$1|W|3|-4|5|6|7|1Q|8|@]|D|@]|E|$]]]|X|$Y|$5|Z|10|11|E|$12|T]]]]

<p>You can use <code>ref</code> callback which will return the <code>node</code>. Call <code>click()</code> on that node to do a programmatic click.</p>

<p>Getting the <code>div</code> node</p>

<pre><code>clickDiv(el) {
  el.click()
}
</code></pre>

<p>Setting a <code>ref</code> to the <code>div</code> node</p>

<pre><code>&lt;div 
  id="element1"
  className="content"
  ref={this.clickDiv}
  onClick={this.uploadLogoIcon}
&gt;
</code></pre>

<p>Check the fiddle</p>

<p><a href="https://jsfiddle.net/pranesh_ravi/5skk51ap/1/" rel="noreferrer">https://jsfiddle.net/pranesh_ravi/5skk51ap/1/</a></p>

<p>Hope it helps!</p>


blocks|key|109429|text|您可以使用ref属性通过回调获取对基础HTMLInputElement对象的引用，将该引用存储为一个类属性，然后使用该引用在以后使用HTMLElement.click方法从事件处理程序中触发单击。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|109430|在您的render方法中：|109431|<input+ref={input+=>+this.inputElement+=+input}+...+/>|code-block|syntax|javascript|109432|在事件处理程序中：|109433|this.inputElement.click();|109434|完整示例：|109435|class+MyComponent+extends+React.Component+{
++render()+{
++++return+(
++++++<div+onClick={this.handleClick}>
++++++++<input+ref={input+=>+this.inputElement+=+input}+/>
++++++</div>
++++);
++}

++handleClick+=+(e)+=>+{
++++this.inputElement.click();
++}
}|109436|注意在回调中为this提供了正确的词法作用域的。还要注意，您以这种方式获取的对象是一个类似于使用document.getElementById__获取的对象，即实际的DOM节点。|109437|entityMap|0|LINK|mutability|MUTABLE|url|https://facebook.github.io/react/docs/more-about-refs.html|1|https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement|2|https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click^0|5|3|5|3|0|J|G|1|1U|H|2|0|3|6|0|0|0|0|0|0|7|4|1C|N|0^^$0|@$1|2|3|4|5|6|7|18|8|@$9|19|A|1A|B|C]]|D|@$9|1B|A|1C|1|1D]|$9|1E|A|1F|1|1G]|$9|1H|A|1I|1|1J]]|E|$]]|$1|F|3|G|5|6|7|1K|8|@$9|1L|A|1M|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|1N|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1O|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|1P|8|@]|D|@]|E|$K|L]]|$1|Q|3|R|5|6|7|1Q|8|@]|D|@]|E|$]]|$1|S|3|T|5|J|7|1R|8|@]|D|@]|E|$K|L]]|$1|U|3|V|5|6|7|1S|8|@$9|1T|A|1U|B|C]|$9|1V|A|1W|B|C]]|D|@]|E|$]]|$1|W|3|-4|5|6|7|1X|8|@]|D|@]|E|$]]]|X|$Y|$5|Z|10|11|E|$12|13]]|14|$5|Z|10|11|E|$12|15]]|16|$5|Z|10|11|E|$12|17]]]]

<p>You could use the <a href="https://facebook.github.io/react/docs/more-about-refs.html" rel="noreferrer"><code>ref</code></a> prop to acquire a reference to the underlying <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement" rel="noreferrer">HTMLInputElement</a> object through a callback, store the reference as a class property, then use that reference to later trigger a click from your event handlers using the <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click" rel="noreferrer">HTMLElement.click</a> method.</p>

<p>In your <code>render</code> method:</p>

<pre><code>&lt;input ref={input =&gt; this.inputElement = input} ... /&gt;
</code></pre>

<p>In your event handler:</p>

<pre><code>this.inputElement.click();
</code></pre>

<p>Full example:</p>

<pre><code>class MyComponent extends React.Component {
  render() {
    return (
      &lt;div onClick={this.handleClick}&gt;
        &lt;input ref={input =&gt; this.inputElement = input} /&gt;
      &lt;/div&gt;
    );
  }

  handleClick = (e) =&gt; {
    this.inputElement.click();
  }
}
</code></pre>

<p><em>Note the <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions" rel="noreferrer">ES6 arrow function</a> that provides the correct lexical scope for <code>this</code> in the callback. Also note, that the object you acquire this way is an object akin to what you would acquire using <code>document.getElementById</code>, i.e. the actual DOM-node.</em></p>


blocks|key|2654115|text|在2018年5月使用ES6+React文档作为参考时，获得了以下内容：https://reactjs.org/docs/refs-and-the-dom.html|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2654116|import+React,+{+Component+}+from+"react";
class+AddImage+extends+Component+{
++constructor(props)+{
++++super(props);
++++this.fileUpload+=+React.createRef();
++++this.showFileUpload+=+this.showFileUpload.bind(this);
++}
++showFileUpload()+{
++++this.fileUpload.current.click();
++}
++render()+{
++++return+(
++++++<div+className="AddImage">
++++++++<input
++++++++++type="file"
++++++++++id="my_file"
++++++++++style={{+display:+"none"+}}
++++++++++ref={this.fileUpload}
++++++++/>
++++++++<input
++++++++++type="image"
++++++++++src="http://www.graphicssimplified.com/wp-content/uploads/2015/04/upload-cloud.png"
++++++++++width="30px"
++++++++++onClick={this.showFileUpload}
++++++++/>
++++++</div>
++++);
++}
}
export+default+AddImage;|code-block|syntax|javascript|2654117|entityMap|0|LINK|mutability|MUTABLE|url|https://reactjs.org/docs/refs-and-the-dom.html^0|Z|1A|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>Got the following to work May 2018 with ES6 
React Docs as a reference: <a href="https://reactjs.org/docs/refs-and-the-dom.html" rel="noreferrer">https://reactjs.org/docs/refs-and-the-dom.html</a> </p>

<pre><code>import React, { Component } from "react";
class AddImage extends Component {
  constructor(props) {
    super(props);
    this.fileUpload = React.createRef();
    this.showFileUpload = this.showFileUpload.bind(this);
  }
  showFileUpload() {
    this.fileUpload.current.click();
  }
  render() {
    return (
      &lt;div className="AddImage"&gt;
        &lt;input
          type="file"
          id="my_file"
          style={{ display: "none" }}
          ref={this.fileUpload}
        /&gt;
        &lt;input
          type="image"
          src="http://www.graphicssimplified.com/wp-content/uploads/2015/04/upload-cloud.png"
          width="30px"
          onClick={this.showFileUpload}
        /&gt;
      &lt;/div&gt;
    );
  }
}
export default AddImage;
</code></pre>


blocks|key|111883|text|简单的老式js怎么样？示例：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|111884|autoClick+=+()+=>+{
+if+(something+===+something)+{
++++var+link+=+document.getElementById('dashboard-link');
++++link.click();
++}
};
++......++++++
var+clickIt+=+this.autoClick();++++++++++++
return+(
++<div>
+++++<Link+id="dashboard-link"+to={'/dashboard'}>Dashboard</Link>
++</div>
);|code-block|syntax|javascript|111885|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>How about just plain old js ?
example:</p>

<pre><code>autoClick = () =&gt; {
 if (something === something) {
    var link = document.getElementById('dashboard-link');
    link.click();
  }
};
  ......      
var clickIt = this.autoClick();            
return (
  &lt;div&gt;
     &lt;Link id="dashboard-link" to={'/dashboard'}&gt;Dashboard&lt;/Link&gt;
  &lt;/div&gt;
);
</code></pre>


blocks|key|111444|text|试试这个，如果它在你那端不起作用，请告诉我：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|111445|<input+type="checkbox"+name='agree'+ref={input+=>+this.inputElement+=+input}/>
<div+onClick={()+=>+this.inputElement.click()}>Click</div>|code-block|syntax|javascript|111446|单击div应模拟单击input元素|offset|length|style|CODE|111447|entityMap^0|0|0|2|3|A|5|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]|$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

<p>Try this and let me know if it does not work on your end:</p>

<pre><code>&lt;input type="checkbox" name='agree' ref={input =&gt; this.inputElement = input}/&gt;
&lt;div onClick={() =&gt; this.inputElement.click()}&gt;Click&lt;/div&gt;
</code></pre>

<p>Clicking on the <code>div</code> should simulate a click on the <code>input</code> element</p>


blocks|key|109312|text|在函数式组件中，这一原则也适用，只是语法和思维方式略有不同。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|109313|const+UploadsWindow+=+()+=>+{
++//+will+hold+a+reference+for+our+real+input+file
++let+inputFile+=+'';

++//+function+to+trigger+our+input+file+click
++const+uploadClick+=+e+=>+{
++++e.preventDefault();
++++inputFile.click();
++++return+false;
++};

++return+(
++++<>
++++++<input
++++++++type="file"
++++++++name="fileUpload"
++++++++ref={input+=>+{
++++++++++//+assigns+a+reference+so+we+can+trigger+it+later
++++++++++inputFile+=+input;
++++++++}}
++++++++multiple
++++++/>

++++++<a+href="#"+className="btn"+onClick={uploadClick}>
++++++++Add+or+Drag+Attachments+Here
++++++</a>
++++</>
++)

}|code-block|syntax|javascript|109314|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>In a functional component this principle also works, it's just a slightly different syntax and way of thinking.</p>

<pre><code>const UploadsWindow = () =&gt; {
  // will hold a reference for our real input file
  let inputFile = '';

  // function to trigger our input file click
  const uploadClick = e =&gt; {
    e.preventDefault();
    inputFile.click();
    return false;
  };

  return (
    &lt;&gt;
      &lt;input
        type="file"
        name="fileUpload"
        ref={input =&gt; {
          // assigns a reference so we can trigger it later
          inputFile = input;
        }}
        multiple
      /&gt;

      &lt;a href="#" className="btn" onClick={uploadClick}&gt;
        Add or Drag Attachments Here
      &lt;/a&gt;
    &lt;/&gt;
  )

}
</code></pre>


blocks|key|109316|text|如果在最新版本的reactjs中不起作用，可以尝试使用innerRef|type|unstyled|depth|inlineStyleRanges|entityRanges|data|109317|class+MyComponent+extends+React.Component+{


++render()+{
++++return+(
++++++<div+onClick={this.handleClick}>
++++++++<input+innerRef={input+=>+this.inputElement+=+input}+/>
++++++</div>
++++);
++}

++handleClick+=+(e)+=>+{
++++this.inputElement.click();
++}
}|code-block|syntax|javascript|109318|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>If it doesn't work in the latest version of reactjs, try using innerRef</p>

<pre><code>class MyComponent extends React.Component {


  render() {
    return (
      &lt;div onClick={this.handleClick}&gt;
        &lt;input innerRef={input =&gt; this.inputElement = input} /&gt;
      &lt;/div&gt;
    );
  }

  handleClick = (e) =&gt; {
    this.inputElement.click();
  }
}
</code></pre>


blocks|key|2865284|text|这里是解决方案|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2865285|++++import+React,+{useRef}+from+'react';

++++const+MyComponent+=+()+=>{

++++const+myRefname=+useRef(null);

++++const+handleClick+=+()+=>+{
++++++++myRefname.current.focus();
+++++}

++++return+(
++++++<div+onClick={handleClick}>
++++++++<input+ref={myRefname}/>
++++++</div>
+++++);
++++}|code-block|syntax|javascript|2865286|entityMap^0|3|4|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><strong>Here is the Hooks solution</strong></p>
<pre><code>    import React, {useRef} from 'react';

    const MyComponent = () =&gt;{

    const myRefname= useRef(null);

    const handleClick = () =&gt; {
        myRefname.current.focus();
     }

    return (
      &lt;div onClick={handleClick}&gt;
        &lt;input ref={myRefname}/&gt;
      &lt;/div&gt;
     );
    }
</code></pre>


blocks|key|2654174|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2654175|++imagePicker(){
++++++++this.refs.fileUploader.click();
++++++++this.setState({
++++++++++++imagePicker:+true
++++++++})
++++}|code-block|syntax|javascript|2654176|++<div+onClick={this.imagePicker.bind(this)}+>
++<input+type='file'++style={{display:+'none'}}++ref="fileUploader"+onChange={this.imageOnChange}+/>+
++</div>|2654177|2654178|This+work+for+me|offset|length|style|BOLD|2654179|entityMap^0|0|0|0|0|0|G|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|I|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|V|8|@$L|W|M|X|N|O]]|9|@]|A|$]]|$1|P|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|Q|$]]

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>  imagePicker(){
        this.refs.fileUploader.click();
        this.setState({
            imagePicker: true
        })
    }</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>  &lt;div onClick={this.imagePicker.bind(this)} &gt;
  &lt;input type='file'  style={{display: 'none'}}  ref="fileUploader" onChange={this.imageOnChange} /&gt; 
  &lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p><strong>This work for me</strong></p>


blocks|key|111487|text|使用React+Hooks和useRef+hook。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|111488|import+React,+{+useRef+}+from+'react';

const+MyComponent+=+()+=>+{
++++const+myInput+=+useRef(null);

++++const+clickElement+=+()+=>+{
++++++++//+To+simulate+a+user+focusing+an+input+you+should+use+the
++++++++//+built+in+.focus()+method.
++++++++myInput.current?.focus();

++++++++//+To+simulate+a+click+on+a+button+you+can+use+the+.click()
++++++++//+method.
++++++++//+myInput.current?.click();
++++}

++++return+(
++++++++<div>
++++++++++++<button+onClick={clickElement}>
++++++++++++++++Trigger+click+inside+input
++++++++++++</button>
++++++++++++<input+ref={myInput}+/>
++++++++</div>
++++);
}|code-block|syntax|javascript|111489|entityMap|0|LINK|mutability|MUTABLE|url|https://reactjs.org/docs/hooks-reference.html#useref^0|E|6|E|B|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

<p>Using React Hooks and the <a href="https://reactjs.org/docs/hooks-reference.html#useref" rel="nofollow noreferrer"><code>useRef</code> hook</a>.</p>
<pre class="lang-js prettyprint-override"><code>import React, { useRef } from 'react';

const MyComponent = () =&gt; {
    const myInput = useRef(null);

    const clickElement = () =&gt; {
        // To simulate a user focusing an input you should use the
        // built in .focus() method.
        myInput.current?.focus();

        // To simulate a click on a button you can use the .click()
        // method.
        // myInput.current?.click();
    }

    return (
        &lt;div&gt;
            &lt;button onClick={clickElement}&gt;
                Trigger click inside input
            &lt;/button&gt;
            &lt;input ref={myInput} /&gt;
        &lt;/div&gt;
    );
}
</code></pre>


blocks|key|109337|text|在Aaron+Hakala的答案上进行即兴模仿，useRef的灵感来自于这个答案https://stackoverflow.com/a/54316368/3893510|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|109338|const+myRef+=+useRef(null);

++const+clickElement+=+(ref)+=>+{
++++ref.current.dispatchEvent(
++++++new+MouseEvent('click',+{
++++++++view:+window,
++++++++bubbles:+true,
++++++++cancelable:+true,
++++++++buttons:+1,
++++++}),
++++);
++};|code-block|syntax|javascript|109339|和你的JSX：|109340|<button+onClick={()+=>+clickElement(myRef)}>Click<button/>
<input+ref={myRef}>|109341|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/54316368/3893510^0|14|18|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|C|$]]|$1|K|3|L|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

<p>Riffing on Aaron Hakala's answer with useRef inspired by this answer <a href="https://stackoverflow.com/a/54316368/3893510">https://stackoverflow.com/a/54316368/3893510</a></p>
<pre><code>const myRef = useRef(null);

  const clickElement = (ref) =&gt; {
    ref.current.dispatchEvent(
      new MouseEvent('click', {
        view: window,
        bubbles: true,
        cancelable: true,
        buttons: 1,
      }),
    );
  };
</code></pre>
<p>And your JSX:</p>
<pre><code>&lt;button onClick={() =&gt; clickElement(myRef)}&gt;Click&lt;button/&gt;
&lt;input ref={myRef}&gt;
</code></pre>


blocks|key|111495|text|++let+timer;
++let+isDoubleClick+=+false;

++const+handleClick+=+()+=>+{
++++if(!isDoubleClick)+{
++++++isDoubleClick+=+true;
++++++timer+=+setTimeout(()+=>+{
++++++++isDoubleClick+=+false;
++++++++props.onClick();
++++++},+200);
++++}+else+{
++++++clearTimeout(timer);
++++++props.onDoubleClick();
++++}
++}

return+<div+onClick={handleClick}></div>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|111496|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>  let timer;
  let isDoubleClick = false;

  const handleClick = () =&gt; {
    if(!isDoubleClick) {
      isDoubleClick = true;
      timer = setTimeout(() =&gt; {
        isDoubleClick = false;
        props.onClick();
      }, 200);
    } else {
      clearTimeout(timer);
      props.onDoubleClick();
    }
  }

return &lt;div onClick={handleClick}&gt;&lt;/div&gt;
</code></pre>


blocks|key|109521|text|this.buttonRef.current.click();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|109522|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>this.buttonRef.current.click();
</code></pre>


<p>How can I manually trigger a click event in <strong>ReactJS</strong>?
When a user clicks on element1, I want to automatically trigger a click on the <code>input</code> tag.</p>

<pre class="lang-html prettyprint-override"><code>&lt;div className="div-margins logoContainer"&gt;
  &lt;div id="element1" className="content" onClick={this.uploadLogoIcon}&gt;
    &lt;div className="logoBlank" /&gt;
  &lt;/div&gt;
  &lt;input accept="image/*" type="file" className="hide"/&gt;
&lt;/div&gt;
</code></pre>


How to manually trigger click event in ReactJS?

如何在ReactJS中手动触发单击事件？当用户单击element1时，我希望自动触发对input标记的单击。<div className="div-margins logoContainer">  <div id="element1" className="content" onClick={this.uploadLo...

问如何在ReactJS中手动触发点击事件？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在ReactJS中手动触发点击事件？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在ReactJS中手动触发点击事件？
EN