Material-ui: 同じスタイルオブジェクトでprepareStyles()を複数回呼び出すことはできません

作成日 2016年05月06日  ·  3コメント  ·  ソース: mui-org/material-ui

「2つの警告:同じスタイルオブジェクトでprepareStyles()を複数回呼び出すことはできません」というメッセージが表示されます。 以下のコードを使用したアバターコンポーネント:

<Card className="blabla"
       style={mystyle}>
    <CardMedia>
        <Avatar src={myPictureUrl}/>
    </CardMedia>
    <!-- ... -->
</Card>

バージョン:

  • マテリアルUI:0.14.4
  • 反応:0.14.8
  • クローム:50.0.2661.75

最も参考になるコメント

私はまだこの問題を抱えています:

  • マテリアルUI:0.17.1
  • 反応:15.4.2
  • クロム:57.0.2987.133(64ビット)

一時的に解決

<Card className="blabla" style={mystyle}>
    <CardMedia>
        <div>
             <Avatar src={myPictureUrl}/>
        </div>
    </CardMedia>
    <!-- ... -->
</Card>

全てのコメント3件

古いバージョン、これは修正されました

私はまだこの問題を抱えています:

  • マテリアルUI:0.17.1
  • 反応:15.4.2
  • クロム:57.0.2987.133(64ビット)

一時的に解決

<Card className="blabla" style={mystyle}>
    <CardMedia>
        <div>
             <Avatar src={myPictureUrl}/>
        </div>
    </CardMedia>
    <!-- ... -->
</Card>

0.18.1にはまだ問題があります。 含んでいる以下のコードのsvgアイコンにより、このエラーが発生します。

        <CardMedia
          overlay={
            <CardTitle
              title={this.props.device.label}
              subtitle={`Created ${moment(this.props.device.created).fromNow()}`}
            />
          }
          overlayContentStyle={{background: background}}
        >
          <img src={this.chooseImage(this.props.device.label)} alt="" />
        <CheckIcon />
        </CardMedia>

要素をdivでラップするnndung179の回避策は機能します。

このページは役に立ちましたか?
0 / 5 - 0 評価