class App extends React.Component {
  constructor(props) {
    super(props);
    console.log('构造函数只执行一次');
    this.handleNum = this.handleNum.bind(this);
    this.handleTitle = this.handleTitle.bind(this);
    this.state = Map({
          num: 1,
          title: 'Demo'
        });
  }
  handleNum() {
    console.log('get', this.state.get('num'));
    // 在这个地方get是没有问题的
    this.setState(this.state.set('num', 2), () => {
      console.log('test', this.state);
    });
  }
  handleTitle() {
    if (this.state.num % 2 === 0) {
      this.setState(this.state.set('title', '偶数'));
    } else {
      this.setState(this.state.set('title', '奇数'));
    }
  }
  render() {
    return (
      <div>
        <p>推荐写法，性能较优</p>
        <button onClick={this.handleNum}>修改数字</button>
        <button onClick={this.handleTitle}>修改标题</button>
      </div>
    );
  }
}

上面这段代码执行是没有问题的，但是将get的使用放到JSX里面就会报错_this2.state.get is not a function

class App extends React.Component {
  constructor(props) {
    super(props);
    console.log('构造函数只执行一次');
    this.handleNum = this.handleNum.bind(this);
    this.handleTitle = this.handleTitle.bind(this);
    this.state = Map({
          num: 1,
          title: 'Demo'
        });
  }
  handleNum() {
    console.log('get', this.state.get('num'));
    this.setState(this.state.set('num', 2), () => {
      console.log('test', this.state);
    });
  }
  handleTitle() {
    if (this.state.num % 2 === 0) {
      this.setState(this.state.set('title', '偶数'));
    } else {
      this.setState(this.state.set('title', '奇数'));
    }
  }
  render() {
    return (
      <div>
        <p>推荐写法，性能较优</p>
        {this.state.get('num')}// 这里会报错
        <button onClick={this.handleNum}>修改数字</button>
        <button onClick={this.handleTitle}>修改标题</button>
      </div>
    );
  }
}

不知道是什么原因呢，而且放到setState里面去get也是不行的