[SEB_FE_44] React(4) - React State & Props 2

오늘 배운 주제

• React Twittler State & Props

오늘 배운 내용

하루 종일 과제 타임!

오늘의 과제

React Twittler State & Props

• Tweets.js

const Tweets = () => {
  const [isTweet, setIsTweet] = useState(dummyTweets);

  const getRandomNumber = (min, max) => {
    return parseInt(Math.random() * (Number(max) - Number(min) + 2));
  };

  const handleButtonClick = () => {
    const tweet = {
      id: isTweet.length + 1,
      username: isUser,
      picture: `https://randomuser.me/api/portraits/women/${getRandomNumber(
        1,
        98
      )}.jpg`,
      content: isMsg,
      createdAt: new Date(),
      updatedAt: new Date(),
    };
    setIsTweet([tweet, ...isTweet]);
  };

  return (
    <React.Fragment>
      <div className="tweetForm__submit">
              <div className="tweetForm__submitIcon"></div>
              <button className="tweetForm__submitButton" onClick={handleButtonClick}>Tweet</button>
            </div>
      <div className="tweet__selectUser"></div>
      <ul className="tweets">
        {isTweet.map((data) => <Tweet tweet={data}/> )}
      </ul>
      <Footer />
    </React.Fragment>
  );
};

오늘 과제가 끝이 났다. 버튼 부분은 처음 고민을 하다가 다른 블로그를 참고하여 힌트를 얻었다.

저번주 금요일 못했던 과제를 10분만에 테스트 통과하고 페어분과 재밌게 떠들다 끝냄

남은 시간은 자소서에 집중하는 시간을 가짐