Question

我需要在React中将图像旋转90度。这是我的代码：

rotatePic(id) {
  var newRotation = this.state.rotation + 90;
  if(newRotation >= 360){
    newRotation =- 360;
  }
  this.setState({
    rotation: newRotation,
  });
}

render() {
  const { rotation } =  this.state;
  const rot = {
    transform: `rotate(${rotation}deg)`
  };
  return (
    <div className="gallery-root">
      {this.state.images.map(dto => {
        return <Image 
                 key={'image-' + dto.id} 
                 dto={dto} 
                 galleryWidth={this.state.galleryWidth} 
                 style={{rot}} 
                 width={this.state.width} 
                 height={this.state.height} 
                 imagesArr={this.removePic} 
                 imagesArr2={this.rotatePic}
               />;
      })}
  );
}

这不起作用。有人知道我在想什么吗？

谢谢

Answer 1

将DllUnregisterServer更改为style={{rot}}。

style={rot}道具需要样式对象，您的代码将样式对象嵌套在另一个对象中。

此外，您的代码缺少style的结束标记

在React中旋转图像

1 个答案: