d2321
2/21/2020 - 6:31 PM

Rendering Adjacent JSX Elements

// можно рендерить элементы без враппа, но нужно указывать как массив, и элементы разделять как в массиве

class Person extends Component {
  render() {
    console.log("[Person.js] rendering...");

    return [
      <p key="i1" onClick={this.props.click}>
        I'm a <b>{this.props.name}</b> and am {this.props.age} years old !
      </p>,
      <p key="i2">{this.props.children}</p>,
      <input
        key="i3"
        type="text"
        onChange={this.props.changed}
        value={this.props.name}
      />
    ];
  }
}
const aux = props => props.children;

export default aux;

<Aux>
  <p onClick={this.props.click}>
    I'm a <b>{this.props.name}</b> and am {this.props.age} years old !
  </p>
  <p>{this.props.children}</p>
  <input
    type="text"
    onChange={this.props.changed}
    value={this.props.name}
  />
</Aux>
// с 16.2 версии реакта есть такой же елемент, идет вместе с реактом
<React.Fragment>

</React.Fragment>