FullStackOpen: React App E2E Test

教程:FullStackOpen2022/Part 5 本文中以 bloglist 应用为例。对应练习 5.11-5.21。 1. 使用 PropTypes 如果希望进一步定义组件 component 的属性值 props,可以通过 prop-types 包来实现。 npm install prop-types 使用 prop-types: components/Togglable.js: import PropTypes from 'prop-types' const Togglable = React.forwardRef((props, ref) => { // .. }) Togglable.propTypes = { buttonLabel: PropTypes.string.isRequired } Togglable.displayName = 'Togglable' export default Togglable components/LoginForm.js: import PropTypes from 'prop-types' const LoginForm = ({ login }) => { // ... } LoginForm.propTypes = { login: PropTypes.func.isRequired, } export default LoginForm 定义属性为 required 但该属性是 undefined 时,或传递给 prop 的类型是错误的时,应用仍然可以工作,但控制台会展示错误信息。...

2022-05-05 · 5 min