// можно рендерить элементы без враппа, но нужно указывать как массив, и элементы разделять как в массиве
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>