React.PropTypesが機能コンポーネントで機能しない

私はReactJSをテストしています。すべてが正しく機能していますが、React.PropTypesです。ここにコードがあります：React.PropTypesが機能コンポーネントで機能しない

const MenuItem = (props) => { 
    return (
     <li className="list-group-item"> 
      <span className="badge">{props.price}</span> 
      <p>{props.item}</p> 
     </li> 
    ) 
} 

MenuItem.propTypes = { 
    price: React.PropTypes.number 
};

コンポーネントに文字列を送信すると、警告またはエラーはありません。私が使っているPropTypeの違いはありません。

Visual Studioのコード
ReactJS
バベル、スタンドアロン

私のミスですか？ありがとうございます

編集： 私はReact.ComponentでPropTypeを使用しても機能しません！

出典

2017-02-19 Parham.D

'item' propには何を渡しますか？ –

item = "Tea"、price = 7のようなテキストだけです。リアクションはUIで正しく表示されます。しかし、価格を「7」または「7」に変更すると、PropTypes.numberに警告またはエラーが表示されず、UIに文字列が表示されます。 Thanks –

PropType警告は開発モードでのみ表示されます。開発モードで動作していますか、または静的なプロダクションビルドを実行していますか？ – Matt

Reactの実動ビルドを使用しているため、propType警告がコンソールに表示されません。彼らはdevモード（未対応のReactエクスポート）でしか表示されません。

明確にすると、これはではなく、の機能コンポーネントに問題があります。プロポタイプは質問にあるとおりに設定できます。

出典

2017-02-20 19:06:18

-1

クラスプロパティを使用する場合は、おそらくクラスを使用する必要があります。

MenuItemクラスはReact.Component {...}

はhttps://facebook.github.io/react/docs/react-component.htmlを見る延びています。

出典

2017-02-19 18:59:04

私はReact.jsで簡単に電子書籍を学んでいます。 37ページにReact.PropTypesを持つステートレスコンポーネントの例があります！ –

React.PropTypesとReact.Componentを使用しても機能しません。ありがとうございます –

React.jsは実用的なコード例を積極的に持っていますか？ –

React.PropTypesが機能コンポーネントで機能しない

答えて

関連する問題