React 中 state 的一些坑

287 阅读1分钟

情景: 在this.state中使用JSX类型的变量,并且该变量要使用this.state中的值

this.state = {
    state_value: '1',
    attr: (
        <span>
            <Select value={state_value}>
                <Option value={}></Option>
            </Select>
        </span>
    )
}

上述select组件中的value取不到state中的值,而且无论以什么方法都取不到。select 中的this正确地指向了class对象,但是取不到state中的值

可以将包含JSX的状态以及相关的状态变量 定义到render函数中,即可正常使用