1.15 通信的数据是如何限定类型的

一、限定通信数据类型

1. 可以使用TS进行限定，即可实现

2. 如果使用JS进行的编写，那么需要使用组件的propTypes属性实现

   1. 需要配合prop-type模块使用(https://github.com/facebook/prop-types)

   2. 安装：npm install --save prop-types

   3. 引入：import PropTypes from 'prop-types';

   4. 代码：

      import PropTypes from 'prop-types';
      
      function Welcome({ count, msg }) {
        return (
          <>
            <div>
              {count}, {msg}
            </div>
          </>
        )
      }
      
      Welcome.prototype = {
        count: PropsType.number
        // 多类型
        msg: PropType.oneOfType ([
          PropsType.number
          PropsType.string
        ])
      }
      
      function App() {
        return (
          <>
            <div>Default Template</div>
            <Welcome count={1234} msg={543} />
          </>
        )
      }
      
      export default App
      

      JS代码通过上述方式可以进行参数类型限定

   5. 还有更多的用法，比如枚举等，具体可以看官网实现