react 추천

5924 단어 추천ReactReact

State 를 이용하여 추천 기능 만들기

/* eslint-disable */ => 코딩시 warning 안뜸

import React, {useState} from 'react';
import logo from './logo.svg';
import './App.css';

function App() {
	let [글제목, 글제목변경] = useState(['남자 코트 추천', '강남 우동 맛집', '파이썬독학']);
	let	[따봉, 따봉변경] = useState(0);
	return (
		<div className="App">
			<div className="black-nav">
				<div>개발 Blog</div>
			</div>
			<div className="list">
				<h3> { 글제목[0] } <span onClick={()=>{따봉변경(따봉 + 1)}}>👍</span>{따봉}</h3>
				<p>2월 17일 발행</p>
				<hr/>
			</div>
			<div className="list">
				<h3> { 글제목[1] } </h3>
				<p>2월 18일 발행</p>
				<hr/>
			</div>
			<div className="list">
				<h3> { 글제목[2] } </h3>
				<p>2월 19일 발행</p>
				<hr/>
			</div>
		</div>
	);
}

export default App;

좋은 웹페이지 즐겨찾기