Guest User

Untitled

a guest
Jan 24th, 2018
77
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.64 KB | None | 0 0
  1. class MenuExample extends React.Component {
  2. constructor(props) {
  3. super(props);
  4. this.state = {f:0};
  5. }
  6.  
  7. clicke(fi) {
  8. this.setState({f:fi});
  9. }
  10.  
  11. render() {
  12. const self = this;
  13. return (
  14. <ul>
  15. {
  16. this.props.items.map(
  17. (m,index) => {
  18. let style = '';
  19. if (self.state.focused == index) {
  20. style = 'focused';
  21. }
  22. return <li className={style} onClick={alert(m)}>{m}</li>
  23. }
  24. )
  25. }
  26. </ul>
  27.  
  28. );
  29. }
  30. }
  31.  
  32.  
  33.  
  34. ReactDOM.render(
  35. <MenuExample items={['MAIN','BLOG','ABOUT','CONTACT US']} />,
  36. document.getElementById("root")
  37. );
Add Comment
Please, Sign In to add comment