我想把字符串从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。法术是正确的,应该是可以的。