                        课程
                    
                        /前端开发
                        
                            /React.JS
                        
                        /React实践图片画廊应用（下）

点击反转报错

TypeError: "MozTransform" is read-only

./src/index.js/render/<

C:/Users/thierry/Desktop/JS/React/gallery-by-react/src/index.js:29

26 | //如果图片的旋转角度有值并且不为0，添加旋转角度
27 | if (this.props.arrange.rotate) {
28 | (['Moz', 'Ms', 'Webkit', '']).forEach((value) => {
> 29 | styleObj[value + 'Transform'] = 'rotate(' + this.props.arrange.rotate + 'deg)';
30 | });
31 | }
32 |

Thierryxc

2017-12-14

源自：React实践图片画廊应用（下） 1-2

关注问题我要回答

1111

操作

收起

3 回答

勇当三八红旗手
2018-01-23

同出现这个问题，怎样解决的？

0 回复有任何疑惑可以回复我~

收起回答

啊哈HL
2018-01-18

Uncaught TypeError: Cannot assign to read only property报错的解决方案

if(this.props.arrange.pos) {

// styleObj = this.props.arrange.pos;

styleObj=Object.assign(styleObj,this.props.arrange.pos);

}

0 回复有任何疑惑可以回复我~

收起回答

weibo_玩具H_0
2017-12-23

改写inverse方法里的imgsArrangeArr = this.state.imgsArrangeArr，原因可能是引用的问题...

inverse = index => {
 return () => {
   this.setState(() => {
     let imgsArrangeArr = Object.assign([], this.state.imgsArrangeArr);
     imgsArrangeArr[index].isInverse = !imgsArrangeArr[index].isInverse;
     return { imgsArrangeArr: imgsArrangeArr };
   });
 };

1 回复有任何疑惑可以回复我~

收起回答