title: How to pass params to Dropdown component from semantic ui react?
body: <p>I have react js code below where I put semantic ui react <code>Dropdown</code> component in a <code>map</code>. <code>yoe</code> is an array in state, I put <code>value={yoe[i]}</code>, but how can I have the index <code>i</code> being passed to the <code>onChange</code> prop? I tried the following, but the method <code>onAddYoe</code> seems doesn't recognize <code>i</code>. Can someone kindly help? Thanks!</p>
  
  <pre><code>              {specialties &amp;&amp;
                  specialties.map((specialty, i) =&gt; {
                    return (
                      &lt;div className="a-row" key={i}&gt;
                        &lt;div className="a-col-md-12"&gt;
                          &lt;div className="a-text-box"&gt;
                            &lt;label className="a-mb-5"&gt;
                              Years of experience in {specialty}
                            &lt;/label&gt;
                            &lt;br /&gt;
                            &lt;Dropdown
                              placeholder="0-1 years"
                              fluid
                              selection
                              value={yoe[i]}
                              options={this.yoeList}
                              onChange={this.onAddYoe(i)}
                            /&gt;
                            {errors.email ? (
                              &lt;span className="error"&gt;Email Required&lt;/span&gt;
                            ) : null}
                          &lt;/div&gt;
                        &lt;/div&gt;
                      &lt;/div&gt;
                    );
                  })}
  </code></pre>