React问题积累

1、webpack打包 图片失败。

错误:

ERROR in ./styles/i/star-white.png
    Module build failed: Error: spawn /Users/wxq/workspace/hotel-fe-pms/node_modules/pngquant-bin/vendor/pngquant ENOENT

解决方案:

npm install pngquant --save-dev
npm install optipng --save-dev
npm install cjpeg --save-dev (这个我安装失败了,报404)

参考:Module Build Error: pngquant ENOENT - webpack build succeeds on local OS X, fails on AWS Ubuntu 16.04 server

2、关于 给input 设置了 value 属性后,不能输入的问题

可以把 让value 的取值从 state中取,并且 onChange的时候同时修改 state,这样就可以了。

class Demo extends React.Component { 
  constructor(props) {
        super(props);
        this.onInputChange = this.onInputChange.bind(this);
        this.state = { value: props.inputValue };  // 假设你的value 是从 redux 来的
    }

    onInputChange(e) {
        this.setState({ value: e.target.value } );
        // 你可以同时在这里 触发action 改变Redux 里面的值。
    }
    render() { 
      return (
        <input 
          type={input.type} 
          value={this.state.value}
          onChange={this.onInputChange}
        />
      )
    }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。