$$config title: [React] Time-Converter, 참조에 의한 객체 복사 keywords: - React $$ # 1. Time-Converter - 분 입력시 시간으로 변환된 단위 표시 - 시간 입력시 분으로 변환된 단위 표시 - 각 버튼간 활성/비활성(disabled) - 리셋 버튼 ```js import React, { useState } from "react"; function App() { const [amount, setAmount] = useState(0); const [active, setActive] = useState(true); //onChange=(event)의 event자리는 변수임(변경 가능). const onChange = (event) => { //setMinutes자리에 console.log(event);로 실행하면 웹 F12 → target의 값이 입력값에 따라 변경 됨. setAmount(event.target.value); }; const reset = () => { setAmount(0); }; const changeActive = () => { reset(); setActive((prevState) => { return !prevState; }); }; return (

Time Converter

amount{" "} { setMinutes(event.target.value); }*/ onChange={onChange} disabled={!active} // 같음 → active !== true } />

Hours{" "}

); } export default App; ``` # 2. 참조에 의한 객체 복사 - react : 불변성을 지켜줘야 한다? → - int, float double같은 원시값들은 상관이없음 - [참고](https://ko.javascript.info/object-copy) ![링크](https://i.imgur.com/8lVpWpR.png)