react state에 import받은 함수를 넣으면??

Question

import { useState } from "react"; import ManagerPage from "./practice/ManagerPage"; import { first } from "./practice/first"; import { second } from "./practice/second"; import { third } from "./practice/third"; function App() { const [kategorie, setKategorie] = useState(); const changeKategorie = (e) => { setKategorie(); }; return (

{}

); } export default App;import { first } from "./practice/first"; import { second } from "./practice/second"; import { third } from "./practice/third";임포트 해온 각각의 함수들은 오브젝트를 리턴합니다. 버튼을 눌릴 때 마다 카테고리의 값이 바뀌면서 ApplicationForm의 inputInfo프롭에 내려주는 값도 함께 변경되는 코드를 짜고 싶었습니다.하지만 import 받아온 함수를 state에 값으로 주게되면 함수가 리턴하는 객체가 되어 애러가 났습니다. 임포트를 해서 프롭으로 넘겨주고 싶은 이유는 이 페이지에서 함수를 관리하는게 유지보수가 좋을 것 같다는 생각 때문입니다. 혹시 적용 할 수 있는 방법이 있을까요?

state · Answer

다이나믹 라우팅을 사용하면 될것같은데요 ? https://velog.io/@zzangzzong/React-%EB%8F%99%EC%A0%81%EB%9D%BC%EC%9A%B0%ED%8C%85Dynamic-Routing

잣댐스키 · Answer

아리까리 · Answer

음...별도의 함수를 만드는 것도 좋은데가급적이면 그 함수가 hook 이면 더 좋을것 같아요.방법은 많은데 하기 나름이라 뭐가 정답인건 없지만 상황에 따라 선택 하시면 되겠는데useState는 가급적 가볍게 쓰시는걸 추천 드림자기 자신의 컴포넌트 내에서만 사용한다거나 단순한 연산 같이요.props driling은 react를 공부할때 자주 나오는 이슈 인데 가급적이면 안하는게 좋아요.(유지보수가 까다로워져요)대안을 적어보자면recoil을 간단히 써보는 것도 괜찮을것 같고form을 다뤄야 한다면 react-hook-form도 좋습니다.데이터의 interface는 동일한데 선택에 따라 값이 바뀌는 것이라면 useReducer hook도 괜찮을 것 같습니다. switch case 문으로 type에따른 분기를 자연스럽게 만들수 있으니까요.결론적으로 작성하신 내용을 보니 form을 채우는 내용 인것 같은데 그렇다면 react-hook-form을 추천 드립니다.

react state에 import받은 함수를 넣으면??

3개의 답변

#usestate 목록