리액트 클래스 컴포넌트 질문

Question

안녕하세요 리액트 공부를 하고싶어 지금 막연히 토이 프로젝트 처럼그냥 만들고있는데 지금 게시글에서 댓글을 작성해서 등록 까지는 되는데일단 하고싶은건 등록후 이벤트를 새로고침 과정 없이 댓글 리스트 부분에 추가 될수 있게 하고싶은데일단 소스는 이렇고class Detail extends Component { constructor(props) { super(props); this.state &#61; { comment_list:&#34;&#34;, comment:&#34;&#34;, board_id:&#34;&#34; } this.handleValueChange &#61; this.handleValueChange.bind(this) } componentDidMount() { this.getComment(); } getComment &#61; async() &#61;> { //댓글 리스트 가져오는부분 const res &#61; await axios.get('/get_comment',{params: {board_id: this.props.location.state.board_id}}); this.setState({ comment_list : res.data.comment_list }); console.log(&#34;get list : &#34; &#43;this.state.comment_list); } handleValueChange(e) { let nextState &#61; {}; nextState[e.target.name] &#61; e.target.value; this.setState(nextState); } handleIdInput &#61; e &#61;> { this.setState({ comment: e.target.value }); }; handleGoBack &#61; () &#61;> { this.props.history.goBack(); }; go_comment &#61; () &#61;> { //댓글 등록하는 부분 console.log('댓글달러') const formData &#61; new FormData(); formData.append('comment',this.state.comment) formData.append('writer','') var data &#61; { board_id : this.props.location.state.board_id, comment : this.state.comment } console.log(this.state.comment); var status &#61; &#34;&#34;; axios .post(&#34;/deatail/comment&#34;, data) .then(function (res) { //console.log(&#34;res : &#34; &#43; JSON.stringify(res)); //console.log(&#34;statusText : &#34; &#43; res.statusText); if(res.statusText &#61;&#61; &#34;OK&#34;){ console.log(res.data.products) } }) };일단 제가 생각한게 go_comment() 가 댓글 등록 부분이니깐 axios post 수행하고 완료 부분 에 if(res.statusText &#61;&#61; &#34;OK&#34;){ console.log(res.data.products)getComment }이렇게 해서 getComment 하면 되지 않을까 하는데 오류도 나고 잘안되더라고요검색을 어떻게 해야하는지도 모르겠어서 아직까지 방법을 못찾고있는데애초에 제가 지금 방법자체가 이상할수 있는것같아서 지금 방법처럼 댓글 등록하는 부분에서 마지막 에 댓글 가져오는 함수 가져와서 쓰는거 자체가 이상한건가요어떤식으로 제가 원하는걸 할수있는지 알고싶습니다

리액트 클래스 컴포넌트 질문

0개의 답변

Q&A 목록