2017-12-13 8 views
0

私はcropperjsを使用する私のために動作しませんようだが反応:Reactは画像属性でcrossOriginをサポートしています。しかし、それは

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

私は「crossorigin」から「crossOrigin」を変更したときにこれは、クロスオリジンimages.Howeverでは動作しません、それは動作します。しかし、私は警告を得た:

警告:不明のDOMプロパティcrossorigin。あなたはcrossOriginを意味しましたか?

私はreactとcropperjのimgタブで 'crossOrigin'属性をどのように使うのだろうか?ここで がcropperjsライブラリです: https://github.com/fengyuanchen/cropperjs

+0

あなたはどのバージョンの反応を使用していますか? – Dakota

+0

私は反応15.6.2を使用しています。Dakota – iamswf

答えて

0

私はこれが<の問題であるかなり確信している16個のDOM属性を反応して、私は16に反応し、それが問題を解決するかどうかを確認するために、更新しようとするだろう。

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

+0

ありがとう、私はそれを試してみます。 – iamswf

+0

私はreactがcrossOriginをサポートすると思われるので、新しいアップデートでもホワイトリストに登録されている可能性があるので、これがうまくいくかどうかを知りたいと思います。 – Dakota

+0

すべての反応要素属性(イベントが含まれています)は、小文字ではなくcamelCaseを使用して名前が付けられています。したがって、反応をサポートするcrossOrigin属性が該当します。しかしcropperjsはcrossoriginとしてその属性を読んでいます。この問題を見てください:https://github.com/fengyuanchen/cropperjs/issues/274。それは大会の問題です。 – iamswf

関連する問題