我正在映射 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>
)
最佳答案
// 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);
希望这有助于告诉我是否误解了这个问题
关于javascript - 如何将字符串点符号转换为对象引用,而不是嵌套,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57941470/