질문이요

댓글 달때요,

게시글에있는 댓글 버튼을 클릭하면, 댓글창이 생기잖아요.

댓글버튼을 클릭함과 동시에, warning 이 뜨네요 ..

react-dom.development.js:11494 Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See https://fb.me/react-async-component-lifecycle-hooks for details.

* Move data fetching code or side effects to componentDidUpdate.

* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://fb.me/react-derived-state

* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.

Please update the following components: Animate

이라는 warning 인데요..

제가 코드 하나하나 체크하면서 봤는데요.

뜨는곳이,

component/PostCard.js

const PostCard = ({ post }) => {

...

  return (
    <>
 ....
    {commentFormOpened && (
        <>
         <Form onSubmit={onSubmitComment}>
            <Form.Item> // <- 이 부분에서 뜨는데요
              <Input.TextArea rows={4} value={commentText} onChange={onChangeCommentText} />
            </Form.Item> // <- 이 부분에서 뜨는데요
            <Button type="primary" htmlType="submit" loading={isAddingComment}>삐약</Button>
          </Form>
          <List
            header={`${post.Comments ? post.Comments.length : 0} 댓글`} 
            dataSource={post.Comments || []}
            renderItem={item => ( 
              <li>
                <Comment
                  author={item.User.nickname}
                  avatar={<Avatar>{item.User.nickname[0]}</Avatar>}
                  content={item.content}
    
                />
              </li>
            )}
          /> */}
        </>
      )}

</>

  );
};

...

<Form.Item>을 안 쓰면, 저런 warning 이 안뜨는데,

정확한 이유를 모르겠네요...

혹시 아시나요 ? ??

Inflearn Community Q&A