29 lines
739 B
Markdown
29 lines
739 B
Markdown
|
---
|
|||
|
|
title: Review Using Props with Stateless Functional Components
|
|||
|
|
localeTitle: 查看使用无状态功能组件的道具
|
|||
|
|
---
|
|||
|
|
## 查看使用无状态功能组件的道具
|
|||
|
|
|
|||
|
|
### 提示
|
|||
|
|
|
|||
|
|
* 功能（又名无状态）组件只是一个简单的javascript函数，它将props作为参数并返回一个react元素。
|
|||
|
|
* 使用`Component.defaultProps`设置默认道具。
|
|||
|
|
* 使用`Component.propTypes`设置道具类型。
|
|||
|
|
|
|||
|
|
### 解
|
|||
|
|
|
|||
|
|
```javascript
|
|||
|
|
const Camper = props => (<p>{props.name}</p>);
|
|||
|
|
|
|||
|
|
Camper.defaultProps = {
|
|||
|
|
name: 'CamperBot'
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
Camper.propTypes = {
|
|||
|
|
name: PropTypes.string.isRequired
|
|||
|
|
};
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
### 相关链接
|
|||
|
|
|
|||
|
|
* [使用PropTypes进行类型检查](https://reactjs.org/docs/typechecking-with-proptypes.html)
|