개발 공부중인 비모

리렌더링을 하는 방법은 많지만 가장 베이직한 방법은 역시 deps를 이용하는 것이다. useEffect(() => { //생략 }, [List]); 이렇게 useEffect의 deps에 List라는 변수를 넣어주면 된다. 이를 응용해서 원하는 타이밍에 리렌더링을 하고싶으면 deps에 리렌더링용 변수를 만들어서 원하는 시점에 변수를 업데이트 시키면 된다. const { updateCount, setUpdateCount } = useEffect(0) //리렌더링이 되야하는 시점에 setUpdateCount에 +1 을 하고 useEffect(() => { //생략 }, [updateCount]); //이렇게 deps로 사용하면 된다. 예시는 +1로 하는걸로 했지만 boolean으로 해도 되고..다양하게 활용가..

프로그래밍/react 2023. 11. 6. 16:01

const [inputNumber, setInputNumber] = useState(''); //이 부분이 문제 const ListHeader = () => { setInputNumber(text) } value={ inputNumber } editable={true}/> } //inputNumber 를 const 외부에 선언해서 값이 바뀔때마다 리렌더링이 발생한다. //선언하는 부분을 사용 스코프 안에 포함시켜야 한다.

프로그래밍/react 2023. 11. 6. 15:44

textInput가 여러줄로 나타나는 multiline 속성 디폴트가 false이기 때문에 긴 텍스트를 사용할때는 multiline을 true로 설정해줘야 한다. height도 알맞게 설정하면 되지만 자동으로 설정하려면 ’auto’ 로 지정해주면 된다.

프로그래밍/react 2023. 11. 6. 14:59