app时如何修复React

app时如何修复React

本文介绍了使用create-react-app时如何修复React 15.5.3 PropTypes不建议使用的警告的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在使用开始反应项目。
最新的 React 15.5.3 软件包中,显示以下警告:

I'm using create-react-app to start React project.At latest React 15.5.3 package, it appears following warnings:

我已经遵循:

npm install prop-type 从'prop-types'导入PropType;

,但不起作用。
我在代码中不使用任何 PropTypes props

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

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

    ......
}

如何解决此问题?

谢谢。

推荐答案

从Reacts博客中提取-npm安装prop-types,然后使用新代码。它还说如果嵌套组件不使用prop-type但父组件是-则可以得到此错误消息。因此,您需要检查其他组件。

Pulled from Reacts blog - npm install prop-types, then use new code. Also it said you can get this error message if a nested component is not using prop-types but the parent is - so you need to check other components.

// 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,
};

这篇关于使用create-react-app时如何修复React 15.5.3 PropTypes不建议使用的警告的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-18 10:56