React props校验

原创已于 2022-04-13 16:09:50 修改 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react.js

于 2022-04-13 16:03:41 首次发布

react 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了如何通过npm安装prop-types库，并展示了如何在React类组件中导入并使用它来定义props类型。通过实例展示了如何为组件的color属性设置array类型校验。

1.安装包prop-types

npm i prop-types

2.导入prop-types

import "./App.css"
import React from "react"
import propTypes from "prop-types"

//类组件
class App extends React.Component {
  render() {
    const { color } = this.props
    return (
      <div className="App">
        {color.map((item) => (
          <span>{color}</span>
        ))}
      </div>
    )
  }
}

App.propTypes = {
  color: propTypes.array,
}

export default App