Question

我正在尝试迁移到immutable.js以实现我的状态：

class Register extends Component<{}, Map<string, string>> {
    state = Map<string, string>();

    onInputValueChange(e) {
        const { name, value } = e.target;
        const newState = this.state.set(name, value);
        this.setState(newState);
    }



   render() {
        ...
        <input onChange={this.onInputValueChange.bind(this)} placeholder="john.doe@example.com" name="email" type="email" />   
   }
}

因此，每当我第一次键入内容时，它都可以正常工作。但是，每当键入第二个字母时，都会出现TypeError: this.state.set is not a function错误。如果我执行Map.isMap(this.state)，它将第一次返回True，但此后每次都返回False。

请参见以下转载：http://nixiedevelopment.club/register

Answer 1

您不应将整个状态设置为地图，而应在您的状态中创建一个不可变的变量：

class Register extends Component<{}, { data: Map<string, string> }> {
  state = {data: Map<string, string>()};

  onInputValueChange(e) {
      const { name, value } = e.target;
      this.setState(({ data }) => ({
        data: data.set(name, value),
      }));
  }
...
}

请查看this Wiki页面，以获取有关使用不可变作为React状态的更多信息。

set（）'Map之后，返回的对象不是Map

1 个答案: