功能性无状态组件中的PropTypes

JavaScript

Harry小卤蛋

2020-03-12

不使用类，如何在反应的功能性无状态组件中使用PropTypes？

export const Header = (props) => (
   <div>hi</div>
)

第1306篇《功能性无状态组件中的PropTypes》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
小卤蛋村村 2020.03.12

在官方的文档显示如何使用ES6组件类做到这一点，但同样适用于无状态的功能组件。

首先，npm install/ yarn add在新的道具类型包装，如果你还没有准备好。

然后，在定义无状态功能组件之后，在导出之前，添加您的propTypes（如果需要，还可以使用defaultProps）。

import React from "react";
import PropTypes from "prop-types";

const Header = ({ name }) => <div>hi {name}</div>;

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

// Same approach for defaultProps too
Header.defaultProps = {
  name: "Alan"
};

export default Header;

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android