React Component (Sample)

import React from "react";

export default class App extends React.Component {
  state = {};

  onChange = event => {
    this.setState({ [event.target.name]: event.target.value });
  };

  renderParent() {
    const parents = [
      { name: "parent1" },
      { name: "parent2" },
      { name: "parent3" }
    ];

    return parents.map((parent, index) => {
      return (
        <input
          type="text"
          name={parent.name}
          onChange={event => this.onChange(event)}
        />
      );
    });
  }

  render() {
    return (
      <React.Fragment>
        {this.renderParent()}
        <div>
          <input
            type="text"
            value={this.state.input}
            name="genericText"
            onChange={event => this.onChange(event)}
          />
        </div>
        <div>
          <span>{this.state.input}</span>
        </div>
        <input
          type="button"
          value="print"
          onClick={() => {
            console.info(this.state);
          }}
        />
      </React.Fragment>
    );
  }
}