父组件给子组件发送消息：1、传递string类型静态数据：“Hello, I'm your parent”,2、传递number类型零花钱数值（从input获取，初始值0），在子组件中显示以上消息，并校验数据类型

在React或Vue等前端框架中，父组件向子组件发送消息通常通过props（属性）的方式实现。以下是两个示例：

1. 传递字符串数据（静态数据）：

// 父组件
import ChildComponent from './ChildComponent';

function ParentComponent() {
  const parentMessage = 'Hello, I\'m your parent';
  return <ChildComponent message={parentMessage} />;
}

// 子组件 ChildComponent.js
function ChildComponent({ message }) {
  // 子组件接收到消息并显示
  return (
    <div>
      <p>{message}</p>
    </div>
  );
}

2. 传递数字数据（动态输入值）：

// 父组件 (假设有一个初始零花钱数值)
import ChildComponent from './ChildComponent';
import { useState } from 'react'; // 引入状态管理

function ParentComponent() {
  const [money, setMoney] = useState(0); // 初始化0元

  function handleInputChange(event) {
    setMoney(Number(event.target.value)); // 输入值转成Number
  }

  return (
    <div>
      <input type="text" value={money} onChange={handleInputChange} />
      <ChildComponent money={money} />
    </div>
  );
}

// 子组件 ChildComponent.js
function ChildComponent({ money }) {
  return (
    <div>
      <p>你的零花钱是：{money}</p>
    </div>
  );
}

在子组件中，`message`用于显示静态字符串，`money`用于显示输入的数值，并通过类型断言检查是否为`number`。