如何键入一个父组件的子组件，该组件的道具已动态添加到？

在React中，要将父组件的属性传递给子组件并动态添加道具，可以通过以下步骤实现：

在父组件中定义一个状态（state），用于存储要传递给子组件的属性值。
在父组件中使用动态添加道具的方式，将属性值传递给子组件。
在子组件中接收父组件传递的属性值，并使用它进行相应的操作。

下面是一个示例代码：

// 父组件
import React, { useState } from 'react';
import ChildComponent from './ChildComponent';

const ParentComponent = () => {
  const [dynamicProp, setDynamicProp] = useState('');

  const handleInputChange = (event) => {
    setDynamicProp(event.target.value);
  };

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

export default ParentComponent;

// 子组件
import React from 'react';

const ChildComponent = ({ dynamicProp }) => {
  return <div>{dynamicProp}</div>;
};

export default ChildComponent;

在上面的代码中，父组件（ParentComponent）定义了一个状态（dynamicProp），并通过useState钩子函数进行管理。父组件中的输入框的值绑定到dynamicProp状态，并通过onChange事件监听输入框值的变化，将新的值更新到dynamicProp状态中。

然后，通过将dynamicProp作为属性传递给子组件（ChildComponent），子组件可以接收到父组件传递的属性值，并在渲染时显示在页面上。

这样，当父组件中输入框的值发生变化时，子组件会自动更新并显示最新的属性值。

注意：上述示例中使用的是React函数组件和Hooks，如果你使用的是类组件，可以使用this.state和this.setState来管理状态。