[React] Components refactoring


[React] Components refactoring

재사용 가능한 컴포넌트를 활용하여 소스코드 리팩토링(refactoring) 게시판 코멘트라는 가상의 소스 코드가 있다고 친다. import React, { use State } from "react"; import "./App.css"; function App(props) { return ( <div className="coment"> <div className="UserInfo"> <img ClassName="avatar" src={props.author.avtarUrl} alt={props.author.name} /> <div classname="UserInfo-name"> {props.author.name} </div> </div> <div className="Comment-text"> {props.text} </div> <div className="Comment-date"> {formatDate(props.date)} </div> </div> ); } export defaul...


#Component #Components #javascript #react #reactjs #refactoring #리액트 #리팩토링 #컴포넌트

원문링크 : [React] Components refactoring