자식이 부모의 state 가져다쓰고 싶을 때는 props

[최문길]

숙제로 글수정 버튼 누르면 여자코트 추천이 뜨게끔 하라고 하셔서 코드를 짜봤는데
이렇게가 하는게 리액트 스러운건지 의심되어 올립니다.

function App(){

  const [글제목, 글제목변경] = useState(['남자코트 추천','강남 우동맛집', '파이썬 독학'])
  let [modal,setModal] = useState(false);
  const [따봉,따봉변경] = useState([0,0,0]);
 
  function change(title,Text,idx,useState){
      let newTitle = [...title];
       newTitle[idx] = `${Text}`
       useState(newTitle)
       return newTitle
  }
const arr = [글제목변경,글제목,change]
return(
{
       modal == true ? <Modal arr = {arr}/> : null
        }
)
------------------- component
function Modal(props) {
  
  const title = props.arr[1]
  const useState = props.arr[0]
  const text = '여자코트추천'
  return (
  <div className='modal'>
    <h4>{title[0]}</h4>
    <p>날짜</p>
    <p>상세내용</p>
    <button onClick={
      ()=>props.arr[2](title,text,0,useState)
      }>글수정</button>
  </div>
  )
}

[codingapple]

function change 처럼 자주 씁니다
array에 담아서 전송하면 헷갈려서 나중에 귀찮아질 수도 있습니다
useState라는 변수명은 안쓰는게 좋을듯요

[글쓴이]

글