Hello can you please tell me whats wrong with this code?
it's giving mew this error
- The first User component should render the first users item
- { "en": The second User component render second users item", "ru": "Второй компонент User должен рендерить второй элемент users" }
My code
`
import React from 'react';
import User from './User';
class App extends React.Component {
state = {
users: [
{ name: 'John Doe', email: 'john.doe@thecoder.com', phone: '111-222-333' },
{ name: 'Jane Doe', email: 'jane.doe@thecoder.com', phone: '333-222-111' }
],
};
render() {
const { users } = this.state;
return (
<main>
{users.map(({ name, email, phone }, user) =>
<User name={name}
email={email}
phone={phone}
key={email}
>
{user}
</User>)}
</main>
);
}
}
export default App;
`