0
所以我想用JSX语法在React中定义一个组合框。但是,用户界面不断向我显示默认值,而不是第一次渲染时的显示值。 ComboBox是我的代码中的自定义React元素。组合字段显示默认值,而不是显示值
下面是代码 -
**UI file**
export default class UI extends Component {
render() {
const { store } = this.props;
return (
<div>
<Form horizontal>
<ComboBox value={store.defaultValue}>
<Option value={"internalValue1"}>{'DisplayValue1'}</Option>
<Option value={"internalValue2"}>{'DisplayValue2'}</Option>
</ComboBox>
</Form>
</div>
);
}
}
**store file**
import { observable } from 'mobx';
export default class store{
@observable defaultValue= "internalValue1";
}
下面的代码显示internalValue1如在初始呈现组合框中显示值。如何在第一次渲染时显示DisplayValue1本身?
我加ComboBox组件onChange事件。但是,它仍然会抛出一个错误,指出它无法读取comboBoxValue属性。对不起,但是对于React和JSX来说都是新的。 – ross
您需要在状态中设置'comboBoxValue'的默认值。 – pratZ
我试过了。但它仍然不起作用。保持显示默认值。 – ross