import React from 'react'
import { useState } from 'react'
import PropType from 'prop-types'
// 生成Demo 类组件
class Demo extends React.Component {
render() {
return (
<div>
<h1>{this.props.money + 100}</h1>
<h2>{this.props.name.toUpperCase()}</h2>
</div>
)
}
}
Demo.propTypes = {
money: PropType.number,
name: PropType.string,
}
function App() {
const [state, setState] = useState('')
const handleClick = (value) => {
setState(value)
}
return (
<div className="App">
<Demo money={100} name="zhangsan"></Demo>
</div>
)
}
export default App
react中props属性类型校验定义(未使用ts)
于 2022-04-18 15:21:22 首次发布