如何显示地图中的元素？ （反应）

Question

我想使列表以列表形式显示在文本区域中，就像我没有找到如何替换文本区域中数据的答案一样，我在更新更改的信息的过程中也遇到了问题（我不太清楚了解它是如何发生的）请为我的问题提供帮助，我是新手，只写了一周

我试图将地图更改为数组，但结果没有带来，最终让我感到困惑...

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]，我不太明白为什么？如果键在那里为空，如何从地图中获取值