React官方文档：使用 PropTypes 类型检查

最新推荐文章于 2023-02-08 17:32:06 发布

amadeus_liu2

最新推荐文章于 2023-02-08 17:32:06 发布

阅读量139

点赞数

分类专栏： React 文章标签： react.js javascript 前端

本文链接：https://blog.csdn.net/amadeus_liu2/article/details/128410970

版权

React 专栏收录该内容

34 篇文章

订阅专栏

class Greeting extends React.Component {
  render() {
    return (
      <h1>Hello, {this.props.name}</h1>
    );
  }
}

Greeting.propTypes = {
  name: PropTypes.string
};

class MyComponent extends React.Component {
  render() {
    // 这必须只有一个元素，否则控制台会打印警告。
    const children = this.props.children;
    return (
      <div>
        {children}
      </div>
    );
  }
}

MyComponent.propTypes = {
  children: PropTypes.element.isRequired
};



 root.render(
  <React.StrictMode>
    <BrowserRouter>
      <MyComponent children={<h1>hi</h1>}/>
    </BrowserRouter>
  </React.StrictMode>
);