我想使列表以列表形式显示在文本区域中,就像我没有找到如何替换文本区域中数据的答案一样,我在更新更改的信息的过程中也遇到了问题(我不太清楚了解它是如何发生的)请为我的问题提供帮助,我是新手,只写了一周
我试图将地图更改为数组,但结果没有带来,最终让我感到困惑...
class SettingsPage extends React.Component {
constructor (props) {
super(props)
this.state = {
blackList : this.props.settings.blackList
}
}
_handleChange = (event) => {
this.setState({
blackList : event.target.value
})
};
_handleClick = (event) => {
this.props.dispatch(settingsActions.updateSettings(event))
}
render () {
const { classes } = this.props
const listItems = this.state.blackList.map((number) =>
<li>{number}</li>
);
return (
<React.Fragment>
<Typography variant="h4" gutterBottom>
Settings
</Typography>
<Divider className={ classes.divider }/>
<form>
<p><b> Brands: </b></p>
<textarea className="form-control" rows="10" ref="summaryContent" onChange={this._handleChange}>
<ul>{listItems}</ul>
</textarea>
<Button size="small" color="primary" onClick={this._handleClick}>
Add
</Button>
<ul>{listItems}</ul>
</form>
<Button size="small" color="primary" onClick= {this._toProfile}>
To profile
</Button>
</React.Fragment>
)
}
}
在textrea中显示了对象数组[object object],[object object],我不太明白为什么?如果键在那里为空,如何从地图中获取值