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 (
        
      )
    }
}