美文网首页
ReactJS使用or采坑小结

ReactJS使用or采坑小结

作者: 筱书专栏 | 来源:发表于2019-02-22 15:27 被阅读0次

    安装

    # 走淘宝,网络快
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    cnpm install
    
    npm init # npm init 自定义创建package.json  
    npm install --save react react-dom #--save 命令用于将包添加至 package.json 文件
    npm install # 会自动安装package.json里的模块
    
    • npm start Error: Cannot find module 'webpack'报错
      除了安装sudo npm install webpack -g
      还要 sudo npm install webpack-dev-server

    • echarts的legend不显示,出现此问题的原因在于没有按需引入 legend 模块。
      import 'echarts/lib/component/legend';

    • 变量和字符串拼接
      // 只能这样
      <a href={'http://each.sinaapp.com/angular' + this.props.username}>
      {this.props.username}
      </a>

    • Input的value值,defaultValue只能生效一次(对于多次render有影响),而value值需要从state里获取,并加上onChange事件,才能更改。

    • 更新了package.json的模块,要运行sudo npm install安装下。

    • npm不能自动编译
      Router文件里的路径大小写不对。

    • 组件套组件,子组件中this.props.history.push无法工作,提示没有push这个函数。因为这时的props中没有history这个属性。
      解决办法:使用export default withRouter(子组件);

    • Input的value设置后,页面上不能修改是因为change事件没有导致render函数调用。

    相关文章

      网友评论

          本文标题:ReactJS使用or采坑小结

          本文链接:https://www.haomeiwen.com/subject/ogeeyqtx.html