在react js中提交时从自定义元素中读取值

import React from 'react';

class CustomInput extends React.Component {
  constructor(props) {
    super(props);
    this.state = { value: '' };
  }

  handleChange(event) {
    this.setState({ value: event.target.value });
  }

  render() {
    return (
      <input type="text" value={this.state.value} onChange={this.handleChange.bind(this)} />
    );
  }
}

export default CustomInput;

import React from 'react';
import CustomInput from './CustomInput';

class Form extends React.Component {
  handleSubmit(event) {
    event.preventDefault();
    // 在这里获取CustomInput组件的值，并进行提交逻辑
    console.log(this.customInput.state.value);
    // 进行提交逻辑...
  }

  render() {
    return (
      <form onSubmit={this.handleSubmit.bind(this)}>
        <CustomInput ref={(input) => { this.customInput = input; }} />
        <button type="submit">提交</button>
      </form>
    );
  }
}

export default Form;