web-dev-qa-db-ja.com

create-react-appを使用する場合のReact 15.5.3 PropTypesの非推奨の警告

私は create-react-app を使用してReactプロジェクトを開始しています。最新のReact 15.5.3パッケージ、次の警告が表示されます。

警告:main Reactパッケージを介してPropTypesにアクセスすることは非推奨です。代わりにnpmのprop-typesパッケージを使用してください。

私はすでに blog をフォローしています:

npm install prop-typesおよびimport PropTypes from 'prop-types';

しかし、それは機能しません。コードでPropTypesまたはpropsを使用していません。

import React, { Component } from 'react';
import PropTypes from 'prop-types';

class App extends Component {
    constructor() {
        super();
        this.state = {
            videoVisible: true,
        };
    }

    ......
}

それを修正する方法は?

ありがとう。

18
Contra

Reactsブログから抜粋-npmはprop-typesをインストールしてから、新しいコードを使用します。また、ネストされたコンポーネントがprop-typesを使用していないが、親が使用している場合、このエラーメッセージが表示される可能性があるため、他のコンポーネントを確認する必要があります。

// Before (15.4 and below)
import React from 'react';

class Component extends React.Component {
  render() {
    return <div>{this.props.text}</div>;
  }
}

Component.propTypes = {
  text: React.PropTypes.string.isRequired,
}

// After (15.5)
import React from 'react';
import PropTypes from 'prop-types';

class Component extends React.Component {
  render() {
    return <div>{this.props.text}</div>;
  }
}

Component.propTypes = {
  text: PropTypes.string.isRequired,
};
43
Spencer Bigum

React v15.5.xは新しい警告を追加します ここをチェック

ダウングレードReact v15.5.3から15.4.xが機能します

npm install --save [email protected] [email protected]
1
Hemadri Dasari