Есть группа input-radio. Возле каждого инпута расположен селект. При клике на конкретный инпут соседний селект должен стать активным, остальные должны стать disabled или hide.
class App extends React.Component {
state = {};
render () {
return(
<div className='wrapper'>
<form>
<label>
Vendor
<input type="radio" id="scales" className="daychecks" onClick={() => this.checkOnlyOne(this.value)} />
<select disabled></select>
</label>
<label>
Location
<input type="radio" id="scales2" className="daychecks" onClick={() => this.checkOnlyOne(this.value)} />
<select disabled defaultValue="Category"></select>
</label>
</form>
</div>
);
}
checkOnlyOne = () => {
};
}
ReactDOM.render(<App />, document.getElementById('root'));
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
<div id="root"></div>
Весь код значительно сложнее, "радио" и селектов не два, а больше. Я постарался максимально упростить пример.