面试题：React 中 PropTypes 如何进行简单类型的检查

Question

在 React 组件开发中，使用 PropTypes 对组件接收的 props 进行类型检查。请编写一个函数式组件，接收一个字符串类型的 prop 名为 'name'，并使用 PropTypes 对其进行类型检查，确保传入的 'name' 是字符串类型，如果不是则在控制台给出警告。

Answer 1

import React from 'react';
import PropTypes from 'prop-types';

const MyComponent = ({ name }) => {
    return <div>{`Hello, ${name}`}</div>;
};

MyComponent.propTypes = {
    name: PropTypes.string.isRequired
};

export default MyComponent;