<textarea> value 속성을 사용한다면

 textarea ?

여러줄 텍스트 편집 컨트롤을 나타냅니다.

 

 

<불러오기>버튼을 누르면

axios에서 data를 받아서

<textarea>에 넣어 보여주는 코드를 작성했다.

 

(리액트 코드 생략)

axios로 API 호출해서 Data받아오기

 

  return (
      <> 
        <button onClick={onClick}>불러오기</button>
        <div>{data && <textarea value={JSON.stringify(data.data)} readOnly={true}/>}
        </div>
      </>
  )

 

textarea에 value속성을 사용했다면 

readOnly={ true }를 통해 value의 값을 고정할 것인지,

onChange={ } 를 통해 수정할 수 있도록 할 것인지 정해주어야 한다.