如何显示地图中的元素? (反应)

时间:2019-06-18 18:26:38

标签: reactjs

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

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

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

0 个答案:

没有答案