Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import React from "react";
- import LinesEllipsis from "react-lines-ellipsis";
- const NoteItem = ({ note, displayNote }) => {
- return (
- // <li onClick={() => displayNote}>
- <li onClick={() => displayNote}>
- <h2>{note && note.title}</h2>
- <p>
- <LinesEllipsis
- text={note && note.body}
- maxLine="1"
- elipsis="..."
- trimRight
- basedOn="letters"
- />
- </p>
- {/* {console.log(props.notes[0] && props.notes[0].title)} */}
- {/* {this.state.notes.title != '' && this.state.notes.body != ? } */}
- {/* <h2>{props.notes[0].title}</h2> */}
- {/* <p>{props.notes[0].body}</p> */}
- </li>
- );
- };
- export default NoteItem;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement