react变量声明出现的问题

请问 写defaultProps 和 propTypes的时候, es6的写法
这样写就编译报错

问题1:

class Com1 extends React.Component {
  static defaultProps = {
    autoPlay: false,
  };  // 注意这里有分号
  static propTypes = {
    autoPlay: React.PropTypes.bool.isRequired,
  };  // 注意这里有分号
  render() {
    return (
      <div>1</div>
    );
  } // 注意这里既没有分号也没有逗号
}

只能这样写

class Com1 extends React.Component {
  render() {
    return (
      <div>1</div>
    );
  } // 注意这里既没有分号也没有逗号
}
Com1.defaultProps = {
  autoPlay: false,
}
Com1.propTypes = {
  autoPlay: React.PropTypes.bool.isRequired,
}

问题2:上面第一种写法编译报错,

static defaultProps : {
    autoPlay: false,
  }; 

把等号改为冒号不报错,但是this.props检查不到autoPlay这个参数,第二种写法就可以

阅读 2.5k
1 个回答

babel怎么配置的?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏