javascript - 如何将字符串点符号转换为对象引用，而不是嵌套

Question

我正在映射 react 中的数组获取 jsx <label> 的列表和<input>但每个元素都有自己的样式与结果元素匹配。如何将字符串名称转换为对象引用？

render() {

    const elements = this.props.elements;
    console.log('render ' + this.props.selected)
    const elementList = elements.map(**elem** => (
        < div key={elem} className={styles.Inputs} >
            <label className={styles.{**elem**}}>
                <span className={this.state.selected === elem ? styles.red : styles.gray}></span>
                <input
                    type="radio"
                    name="react-tips"
                    value={elem}
                    extra={this.state.selected}
                    checked={this.state.selected === elem}
                    onChange={this.handleOptionChange}
                    className="form-check-input"
                />
            </label>
        </div >
    ))
    return (
        <div>
            {elementList}
        </div>

    )

Answer 1

// To convert Object to String
let str = JSON.stringify(object); // Object could be Array or an Custom Object

// To convert  String back to Object
object = JSON.parse(str);

希望这有助于告诉我是否误解了这个问题