Material-UI中的单选按钮和复选框不响应点击或点击

时间:2016-04-01 08:11:26

标签: meteor reactjs material-ui

我正在使用Meteor + ReactJS,我正在通过节点模块提取Material-UI。

<RadioButtonGroup name="shipSpeed" defaultSelected="not_light">
    <RadioButton value="light" label="Simple" style={styles.radioButton} />
    <RadioButton value="not_light" label="Selected by default" style={styles.radioButton} />
    <RadioButton value="ludicrous" label="Disabled" disabled={true} style={styles.radioButton} />
</RadioButtonGroup>

Here is what it renders.

但它不会像点击它那样改变价值观。它只是保持静止。

2 个答案:

答案 0 :(得分:0)

我可能与Checkbox有类似的问题。

如果我提供处理程序,则复选框在选中时不会显示“tick”。如果没有处理程序,则检查会显示涟漪效应。

    import mui from 'material-ui';
import injectTapEventPlugin from 'react-tap-event-plugin';
injectTapEventPlugin();
...
    <mui.Checkbox
      label="Employed"
      name="Employed"
      labelPosition="left"
      style={fstyles.checkbox}
      onCheck={props.cb}
    />

如果我不提供onCheck,那么检查显示..应该处理程序返回一些值吗?目前它设置了我的顶级组件的状态。我尝试回归真实,但没有帮助。

答案 1 :(得分:0)

检查以下示例。您必须将valueSelected和onChange道具传递给RadioButtonGroup以获取RadioButton的值。在onChange函数中,将所选值设置为state并将该状态传递给valueSelected,即all。就这么简单。

select a.id , b.id , a.market
from  @tbl a join  @tbl b 
on a.id <> b.id and a.market = b.market and a.id < b.id