How to set the selected index of a dropdown in reactjs?
<p>I have two dropdowns, the second controlled by the first.  When selecting a value in the first dropdown, it sets a new list of options for the second dropdown.</p>

<p>The problem I have is the selected index of the second dropdown is being remembered, and I don't see a clear way to set the selected index.  If this was just javascript, I'd just set the selected index.  But being react, I'm not sure what I should do.</p>

<pre><code>render() {
        let renderWorkItemTypes = (workItemType: TFS_WorkItemTracking_Contracts.WorkItemType) =&gt; {
            return &lt;option value={workItemType.name}&gt;{workItemType.name}&lt;/option&gt;;
        };

        return &lt;select onChange={this.props.workItemTypeChanged}&gt;{this.props.workItemTypes.map(renderWorkItemTypes) }&lt;/select&gt;;
    }
</code></pre>