React forms - 텍스트를 렌더링하지 않고 placeholder와 value가 모두 작동하는 defaultValue

Question

defaultValue 속성을 렌더링하려는 반응 입력 필드에 문제가 있습니다. defaultValue를 사용하면 필드에 아무 것도 나타나지 않지만 자리 표시 자나 값을 사용하면 문제가 없습니다.

그러나 placeholder와 value 모두 내가 찾고있는 기능을 구현하지 않습니다 ... defaultValue가 필요합니다. 아래는 내가하고있는 것과 비슷한 모형이다. 어떤 도움이나 제안이라도 대단히 감사하겠습니다. 감사!

import React from 'react' 
 

 
const EditingPost = props => { 
 
    const index = props.match.params.post 
 
    const post = props.posts[index] 
 
    return(
 
    <div> 
 
     <form id="edit-label-post"> 
 
     <input 
 
      type="text" 
 
      id="title" autoFocus 
 
      defaultValue={post.title}/> 
 
     <textarea 
 
      id="content" 
 
      defaultValue={post.content}> 
 
     </textarea> 
 
     </form> 
 
    </div> 
 
) 
 
} 
 

 
export default EditingPost

Answer 1

그것은 index.title 및 index.content 아닌가? 아니면 내가 생각하는 것보다 더 많은 정보가 필요합니다 ...