Je reçois l'avertissement Each child in an array or iterator should have a unique "key" prop. Check the render method of Login
Je veux renvoyer un tableau d'éléments, sans utiliser de clés. Je dois croire qu'il existe une solution de contournement pour cela, sans ajouter un wrapper inutile ?
Notez le
return [<div/>, <div/>];
render () {
return (
<div className='login'>
{this.mobileWeb()}
{this.pcWeb()}
</div>
);
}
mobileWeb () {
if (this.state.isMobileWeb === true) {
return [
<div className='sky-container'></div>,
<div className='sea-container'></div>
];
}
}
pcWeb () {
if (this.state.isMobileWeb !== true) {
return [
<div className='sky-container'></div>,
<div className='sea-container'>
<LoginForm onChange={this.onChange} ref='loginForm' onEmailChange={this.onEmailChange} onPasswordChange={this.onPasswordChange} />
<input type='submit' value='Submit' onClick={this.login} />
</div>
];
}
}