ブックマーク / ja.reactjs.org (3)

  • Unknown Prop Warning – React

    「不明なプロパティ」(unknown-prop)警告は、DOM 標準仕様で定義された属性/プロパティであると React が認識していないプロパティで DOM をレンダーしようとした場合に発生します。該当箇所の近辺で非標準の props を使ってしまっていないことを確認してください。 この警告が表示されるありそうな原因のいくつかを示します。 {...this.props} または cloneElement(element, this.props) を使っていませんか? コンポーネントが自身の props を子要素にそのまま転送しています(参考:props の転送)。子要素に props を転送する場合、親コンポーネントが解釈すべき props を誤って子に転送していないことを確認する必要があります。 独自データを表現するため等の理由で、ネイティブの DOM ノード上で非標準の DOM 属性

    Unknown Prop Warning – React
    kkeisuke
    kkeisuke 2022/11/04
    スプレッド構文
  • strict モード – React

    この記事は古くなっており、今後更新されません。新しい React語ドキュメントである ja.react.dev をご利用ください。 以下の新しいドキュメントで最新の React の使い方がライブサンプル付きで学べます。 StrictMode StrictMode はアプリケーションの潜在的な問題点を洗い出すためのツールです。Fragment と同様に、StrictMode は目に見える UI を描画しません。StrictMode の子孫要素に対しては、付加的な検査および警告が動くようになります。 補足: strict モードでの検査は開発モードでのみ動きます。番ビルドには影響を与えません。 strict モードはアプリケーションの任意の箇所で有効にできます。下はその一例です。 import React from 'react'; function ExampleApplicatio

    strict モード – React
    kkeisuke
    kkeisuke 2022/09/11
  • フックの導入 – React

    この記事は古くなっており、今後更新されません。新しい React語ドキュメントである ja.react.dev をご利用ください。 以下の新しいドキュメントでフックを用いた最新の React の使い方が学べます。 クイックスタート チュートリアル react: フック フック (hook) は React 16.8 で追加された新機能です。state などの React の機能を、クラスを書かずに使えるようになります。 import React, { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clic

    フックの導入 – React
    kkeisuke
    kkeisuke 2019/09/07
  • 1