加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

reactjs – 它必须是一个函数,通常来自React.PropTypes

发布时间:2020-12-15 06:24:06 所属栏目:百科 来源:网络整理
导读:我想把字符串从Main传递给Header。它成功但警告。我是React的初学者,所以我不知道它必须是一个功能的意思。 有谁知道如何解决这个警告? 警告是: 我的代码如下: Main.js import React from 'react';import Header from './Header';import AppList from '.
我想把字符串从Main传递给Header。它成功但警告。我是React的初学者,所以我不知道它必须是一个功能的意思。

有谁知道如何解决这个警告?

警告是:

我的代码如下:

Main.js

import React from 'react';

import Header from './Header';
import AppList from './AppList/AppList';
import Footer from './Footer';

const propTypes = {
  mainInfo: React.PropTypes.shape({
    title: React.PropTypes.string.isRequired,apps: React.PropTypes.array.isRequired,}),};

class Main extends React.Component {
  static methodsAreOk() {
    return true;
  }

  render() {
    return (
      <div>
        <Header title={this.props.mainInfo.title} />
        <AppList apps={this.props.mainInfo.apps} />
        <Footer />
      </div>
    );
  }
}

Main.propTypes = propTypes;

export default Main;

Header.js

import React from 'react';

const propTypes = {
  title: React.PropTypes.string.isRequred,};

class Header extends React.Component {
  static methodsAreOk() {
    return true;
  }

  render() {
    return (
      <div className="header">
        <h1>{this.props.title}</h1>
      </div>
    );
  }
}

Header.propTypes = propTypes;

export default Header;
你有一个错误:React.PropTypes.string.isRequred。法术是正确的,应该是可以的。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读