阻止立即评估

时间:2018-07-13 14:34:31

标签: javascript reactjs state

我正在用React构建动态表格。

我尝试绑定单选按钮的检查值,但是比较似乎立即执行。

如何比较?

buildRadio(field) {
    const radios = field.questionnairefieldlabelSet.map((label) => {
        const radioValue = `${field.id}-${label.id}`
        return <Form.Radio
                    key={radioValue}
                    label={label.text}
                    checked={this.state[field.id] === radioValue} // evaluated once, never changes on state change
                    value={radioValue}
                    onChange={(e, { value }) => {
                        this.setState({ [field.id]: value })}} />
    })

    return <Form.Group key={field.id}>
                {radios}                    
            </Form.Group>
}

我尝试传递一个函数,但收到错误消息

checked={() => this.state[field.id] === radioValue}
  

道具类型失败:提供给checked的类型function的道具Checkbox无效,预期boolean

0 个答案:

没有答案