javascript - 当我已经声明属性时，无法读取未定义的 ReactJS 的属性 'map'

Question

嗨，我正在运行以下命令，我已将文本字段属性设置为字符串，据我所知，这是一个数组，映射函数应该在数组上工作，但它仍然显示无法读取未定义的属性“映射”，是吗？没有在状态中定义？谢谢

class App extends Component {

  state={
    textfield:"first value", 
  }

makeUnique =(textfield)=>{
  return String.prototype.concat(...new Set(textfield) );
}

  textchanged = (event)=>{
    this.setState({
      textfield:event.target.value,
      caltexlength:event.target.value.length,    
    })    
  }


  render() {
    let uniquechars=null;

    uniquechars=(<div>
      {
        this.textfield.map((char,index)=>{
          return <charComponent
          char ={this.makeUnique(this.state.textfield)}/>
        })
      }
    </div>)## Heading ##

Answer 1

如下所示编写 this.textfield.map((char,index) 行。

[...this.state.textfield].map((char,index)

使用扩展运算符，您将从字符串创建一个数组，并且可以在其上调用映射。