React blog /Edit 의 input 글자 추가/삭제가 안돼요

[Maldive]

현재 React CRUD 마지막 고비인 Update part 하고 있는데요,

질문 1️⃣) Edit component 에서 모든 input 에서 수정하기 위한 글자 추가 입력과 기존 글자 삭제가  안되요.

npm install method-override 도 해보았는데, 안되요...

Mongo DB에서 axios.get요청한 걸 input의 value에 바인드했는데,

다른데 바인드 할 곳이 도데체 어디 있나요?

질문 2️⃣) Edit component 내용수정값의 state 초기값은  useState(props.post.content);로 해야할가요?

useState("");로 해야할가요? 

 let [내용수정값, 내용수정값변경] = useState(props.post.content);

 <div className="flex-2">
          <label for="내용수정" class="form-label"> CONTENT </label>
          <textarea
            name="CONTENT"
            value={❓props.post.content}
            id="내용수정"
            class="form-control"
            placeholder="여기 바인드하니까 기존 글자는 무늬일 뿐이었어요"
            cols="40"
            rows="3"
            onChange={(e) => {
              내용수정값변경(e.target.value);
            }}
          ></textarea>
        </div>

[codingapple]

원래 textarea태그는 value를 쓸 수 없습니다 그래서 <textarea></textarea> 태그 사이에 기존 글자를 집어넣으십시오 

props를 state에 집어넣고 state 변경함수를 써도

부모로 부터 받아온 props 데이터 자체는 변경되지 않습니다 

props는 언제나 read-only 데이터처럼 취급해주는게 옳은 관습입니다. 

 

[Maldive]

오잉 그렇구낭 다시해볼게요 감사합니당

[글쓴이]

글