import React from 'react';
import classes from './navbar.module.css';
import {NavLink} from 'react-router-dom';
const Navbar = (props) => {
let friendElem = props.state.friends;
let i = 0;
console.log(friendElem[i].name);
let friendList = friendElem.map((friendElem,i) => {<li><div></div><span>{friendElem[i].name}</span></li>});
return (
<nav className={classes.nav}>
<ul>
<li>
<div className={classes.home}></div>
<NavLink to="/profile" className={classes.item} activeClassName={classes.activeLink} >Profile</NavLink>
</li>
<li>
<div className={classes.dialogs}></div>
<NavLink to="/dialogs" className={classes.item} activeClassName={classes.activeLink} >Dialogs</NavLink>
</li>
<li>
<div className={classes.news}></div>
<NavLink to="/news" className={classes.item} activeClassName={classes.activeLink} >News</NavLink>
</li>
<li>
<div className={classes.music}></div>
<NavLink to="/music" className={classes.item} activeClassName={classes.activeLink} >Music</NavLink>
</li>
<li>
<div className={classes.settings}></div>
<NavLink to="/settings" className={classes.item} activeClassName={classes.activeLink} >Settings</NavLink>
</li>
</ul>
<div className={classes.friends}>
<h1>Friends</h1>
<ul className={classes.friendList}>
{friendList}
</ul>
</div>
</nav>);
};
export default Navbar;
Выводит это:
Failed to compile
./src/components/navbar/navbar.js Line 9: Expected an assignment or function call and instead saw an expression no-unused-expressions
Search for the keywords to learn more about each error. This error occurred during the build time and cannot be dismissed.