Forms 模态中React-Materialize甚至Materialize-css中的单选按钮不起作用
因此,它似乎甚至不在模态内部,只是单选按钮onChange不能正常工作。clicking/onChange将注册一次,即使是第一次单击,也需要第二次单击,就像按钮需要准备单击一样,然后按钮看起来工作正常,但onClick不会再次注册。就一次,就这样Forms 模态中React-Materialize甚至Materialize-css中的单选按钮不起作用,forms,reactjs,radio-button,materialize,Forms,Reactjs,Radio Button,Materialize,因此,它似乎甚至不在模态内部,只是单选按钮onChange不能正常工作。clicking/onChange将注册一次,即使是第一次单击,也需要第二次单击,就像按钮需要准备单击一样,然后按钮看起来工作正常,但onClick不会再次注册。就一次,就这样 我严格按照文档进行操作,并对我的所有表单/onChange按钮使用相同的表单提交方法我遇到了同样的问题,并注意到他们为修复收音机所做的最后一个补丁实际上破坏了这种行为。恢复到上一版本可以解决此问题。不是很好的修复,但在那之前,它会让你重新工作 看来这
我严格按照文档进行操作,并对我的所有表单/onChange按钮使用相同的表单提交方法我遇到了同样的问题,并注意到他们为修复收音机所做的最后一个补丁实际上破坏了这种行为。恢复到上一版本可以解决此问题。不是很好的修复,但在那之前,它会让你重新工作
看来这个标为“已关闭”的问题才是罪魁祸首 因此,我的解决方案基本上是以反应方式制作单选按钮,并为按钮添加一点具体化。只需保持所有值的name属性相同,并在this.state中向右移动即可
这是很好的期待!最后我做了一件粗制滥造的工作,但到目前为止我还是喜欢的。如果有人想知道如何使用带有lil物化的单选按钮,我也会把它作为一个答案贴出来
<Row onClick={this.handleChange} >
<Col s={12}>
<Col s={4} style={{marginTop: '80px'}}>
<Col s={12}>
<Col s={3} className='center'><Button type="button" value="endangered" name="cause" floating={true} className={(this.state.cause === 'endangered') ? 'green' : 'blue'} style={radioStyle}/></Col>
<Col s={9}><label>Endagered Animals & Wildlife</label></Col>
</Col>
<Col s={12}>
<Col s={3} className='center'><Button type="button" value="microplastics" name="cause" floating={true} className={(this.state.cause === 'microplastics') ? 'green' : 'blue'} style={radioStyle}/></Col>
<Col s={9}><label>Microplastics & Ocean Pollution</label></Col>
</Col>
<Col s={12}>
<Col s={3} className='center'><Button type="button" value="carbon" name="cause" floating={true} className={(this.state.cause === 'carbon') ? 'green' : 'blue'} style={radioStyle}/></Col>
<Col s={9}><label>Carbon Deposits & Emission</label></Col>
</Col>
<Col s={12}>
<Col s={3} className='center'><Button type="button" value="other" name="cause" floating={true} className={(this.state.cause === 'other') ? 'green' : 'blue'} style={radioStyle}/></Col>
<Col s={9}><label>Company SignUp</label></Col>
</Col>
</Col>
</Col>
</Row>