2017-06-20 13 views
2

私は別の流星/反応チュートリアルを試しましたが、私はいつも同じ問題があります。メテオの反応型がうまくいきません

何か問題がある場合、PropTypesがコンソールに警告を表示しない理由がわかりません。例:

タイトルを削除した場合<TitleBar title="Test title"/>コードは必要であっても警告なしで正常に機能します。

オブジェクト、boolまたは配列title: PropTypes.string.isRequiredの文字列を変更しても、警告なしですべて正常に機能します。

import React from 'react'; 
import PropTypes from 'prop-types'; 

export default class TitleBar extends React.Component { 
    render(){ 
    return (
     <div> 
     <h1>{this.props.title}</h1> 
     </div> 
    ); 
    } 
} 

TitleBar.propTypes = { 
    title: PropTypes.string.isRequired 
}; 

私も公式のMeteor/Reactチュートリアルを試みましたが、同じ問題がありました。 https://www.meteor.com/tutorials/react/components

テスト目的のPropTypeだけですか?

+0

でこの をインポートします。非文字列を指定すると警告が表示されます。 – Chris

+0

@Chris流星の新鮮なプロジェクトで試しましたか?私は新しい流星プロジェクトを作ってこれをインストールしました:meteor npm install - save react react-dom 他に何が間違っているのでしょうか? – Mukos

+0

使用している反応のバージョンを教えてください – mitchken

答えて

3

はNPM

npm install --save prop-types 

から新しいパッケージをインストールし、私はあなたのコード貼り付け、コピーし、それは完全に正常に動作してコード

import React from 'react'; 
    import PropTypes from 'prop-types'; 
    export default class TitleBar extends React.Component { 
    render() { 
      return (
      <div> 
      <h1>{this.props.title}</h1> 

      </div> 
       ); 
     } 
    } 

    TitleBar.propTypes = { 
     title: PropTypes.string.isRequired 

     }; 
関連する問題