Reactjs REACT JS版本4.0.2映射方法工作不正常 状态={ 大小：{行数：5，列数：5}， 位：[“位1”、“位2”、“位3”、“位5”、“位7”]， }; render（）{ 返回( {this.state.bits.map（（位）=>{ {bit}； })} ); } }

这是我写的代码。我的期望是得到这样的东西

    state = {
    size: { rows: 5, cols: 5 },
    
    bits: ['bit1', 'bit2', 'bit3', 'bit5', 'bit7'],
  };

  render() {
    return (
      <div className="badge m-3 badge-warning">
        <ul>
          {this.state.bits.map((bit) => {
            <li>{bit}</li>;
          })}
        </ul>
      </div>
    );
  }
}

<div className="badge m-3 badge-warning">
   <ul>
     <li>bit1</li>
     <li>bit2</li>
     .
     .
     <li>bit7</bit>
</div>

比特1
比特2
.
.
比特7

但是我在

之间没有

标签……怎么了？

试着这样做

    state = {
    size: { rows: 5, cols: 5 },
    
    bits: ['bit1', 'bit2', 'bit3', 'bit5', 'bit7'],
  };

  render() {
    return (
      <div className="badge m-3 badge-warning">
        <ul>
          {this.state.bits.map((bit) => {
            <li>{bit}</li>;
          })}
        </ul>
      </div>
    );
  }
}

<div className="badge m-3 badge-warning">
   <ul>
     <li>bit1</li>
     <li>bit2</li>
     .
     .
     <li>bit7</bit>
</div>

{this.state.bits.map（（item，idx）=>(
{item}
)}

或

{this.state.bits.map（（item，idx）=>{
返回
{item}
}

这回答了你的问题吗？非常感谢你…第二个对我有用…但是你能解释一下吗？你的示例和我的示例之间的区别是

返回

。在你的示例中，函数不返回任何内容。你必须返回