如何在反应上创建抽象状态值

Question

我想要一个抽象的默认状态值来对映射的组件做出反应。逻辑是这样的 1.参数的json 2. 将json参数映射到对象 3.根据item.value设置对象的默认值

不知道怎么做3号

这是代码，

    function parameterItem(item) {
        if(item.type === 'date') {
            return <Input type="date" name={ item.name } defaultValue={this.state.[item.value]} id={ item.name} form="form-filter" />
        }
    }

    if(this.props.filter) {
        parameters = this.props.filter.map((item, id) => {
            if (Object.keys(item).length > 0) {
                return <Col xs='12' key={id} hidden={ !item.visible }>
                    <Row className="form-spacing-top">
                        <Col xs='3'>
                            <p>{ item.caption }</p>
                        </Col>
                        <Col xs='9'>
                            { parameterItem(item) }
                        </Col>
                    </Row>
                </Col>
            } else return null
        });
    }

Answer 1

你的意思是说你在某个文件的某处有这样的映射：

ma​​pping_constants.js：

default_value_mappings = {
    "value1": "Some Value1", 
    ...
    ...
    "valueN":"Some Value N"
}

可以映射为：

componentDidMount(){
    this.setState({"defaults":default_value_mappings})

}
function parameterItem(item) {
    if(item.type === 'date') {
            return <Input type="date" name={ item.name } defaultValue={this.state.defaults[item.value]} id={ item.name} form="form-filter" />
    }
}

我的问题是否正确？