React.FC 表单组件自动赋值：完整指南

在 React 中，可以通过在组件的 state 中定义对应的值，并将其绑定到表单控件的 value 属性上，从而实现自动赋值。

首先，在 Form 组件的构造函数中定义 state，用于保存表单的值。例如：

constructor(props) {
  super(props);
  this.state = {
    'name': '',
    'age': '',
    'email': ''
  };
}

接下来，在表单的每个输入框中，将其 value 属性绑定到对应的 state 值上，并添加 onChange 事件处理函数来更新 state 的值。例如：

<input type='text' value={this.state.name} onChange={e => this.setState({ 'name': e.target.value })} />
<input type='text' value={this.state.age} onChange={e => this.setState({ 'age': e.target.value })} />
<input type='text' value={this.state.email} onChange={e => this.setState({ 'email': e.target.value })} />

这样，当用户在输入框中输入内容时，state 的值会被更新，从而实现了自动赋值。

另外，如果有初始值需要自动赋值到输入框中，可以在组件挂载时通过 setState 方法进行赋值。例如：

componentDidMount() {
  this.setState({
    'name': 'John',
    'age': '25',
    'email': 'john@example.com'
  });
}

这样，组件挂载后，输入框中会自动显示初始值。