JSPang-React学习总结(一.高级)

一.PropTypesProp验证父子组件的传值类型.

使用方法:
1.在使用需要先引入PropTypes。

import PropTypes from 'prop-types'

2.如果父到子组件传值的话,直接在子组件的类外面写入如下代码:

XiaojiejieItem.propTypes={
content:Proptypes.string,
index:PropTypes.number,
deleteItem.Proptypes.func//函数
}

这样就限制了传递值的类型.

官网详细介绍:

https://react.docschina.org/docs/typechecking-with-proptypes.html

二.使用ref属性来语义化代码(比如e.target.value)

接着优化输入框的输入内容写法: