리액트 시작하기

1) 폴더에 들어가서
npx create-reate-app 폴더명

2) 라우터와 싸스 설치
npm install react-router-dom --save
npm install node-sass@4.14.1 --save

import React, { Component } from "react";
import REPLY from "./ReplyData";

class Reply extends Component {
onClik

  render() {
    return (
      <ul>
        {this.props.contents.map((el) => (
          <div key={el.id} className="reply">
            <div className="reply__name">durumi</div>
            <div className="reply__desc">{el.content}</div>
            <i
              onClick={() => this.props.onClickDelete(el.id)}
              className="fas fa-ellipsis-h"
            ></i>
            <i className="far fa-heart"></i>
            <div
              onClick={() => this.props.onClickHeart(el.id)}
              style={{ color: el.color ? "tomato" : "black" }}
              className="reply__heart"
            >
              <i className="far fa-heart"></i>
            </div>
          </div>
        ))}

        <REPLY 
        />
      </ul>
    );
  }
}

export default Reply;