image - React 在图像属性上支持 crossOrigin。但这似乎对我不起作用

Question

我在反应中使用cropperjs：

<img
  crossOrigin="anonymous"
  src={this.props.sourceDataURL}
  style={{maxWidth: '100%', visibility: 'hidden'}}
  ref={this.sourceRef}
  alt="img"
/>

这不适用于跨源图像。但是，当我将“crossOrigin”更改为“crossorigin”时，它会起作用。但我得到了警告：

警告：未知的 DOM 属性跨域。你是说crossOrigin吗？

我想知道如何在 react 和cropperjs 的 img 选项卡中使用“crossOrigin”属性？这里是cropperjs库： https ://github.com/fengyuanchen/cropperjs

Answer 1

我相当确定这是 < React 16 dom 属性的问题，我会尝试更新到 React 16 并查看它是否解决了问题。

参见：https ://reactjs.org/blog/2017/09/08/dom-attributes-in-react-16.html