React Liked Component

import React from "react";

const Like = (props) => {
  let classes = "fa fa-heart";
  if (!this.props.liked) classes += "-o";
  return (
    <i
      onClick={this.props.onClick}
      like={this.props.liked}
      className={classes}
      style={{ cursor: "pointer" }}
    ></i>
  );
};

export default Like;

Similar codes

0 vote237 views4 answers
React tutorial for beginners
Javascript React
0 vote228 views1 answer
How to disable reactive form submit button in Angular
Javascript React
3 votes212 views1 answer
React on hover reveal
Javascript React
0 vote228 views2 answers
React-bootstrap sidebar menu
Javascript React
2 votes168 views6 answers
React font-awesome
Javascript React
1 vote226 views1 answer
React why onclick property function trigger without click
Javascript React
0 vote229 views1 answer
React router dom return undefined
Javascript React
2 votes217 views2 answers
How to host a react website
Javascript React
2 votes235 views1 answer
React dynamic import
Javascript React
0 vote213 views1 answer
How to add value with useref in react
Javascript React