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

Question

我在 react 中使用 cropperjs:

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

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

Warning: Unknown DOM property crossorigin. Did you mean 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