kiến thức React cho người mới bắt đầu: Cách tạo một ứng dụng từ a-z

Hello.World said:

nếu chats là 1 array thì map để loop các phần tử trong mảng chats ra chứ s bác? hình như bác không hiểu hàm map, bác nên học lại JS cơ bản đi, e khuyên thật

Click to expand...

TheWalk said:

chỉ là dự án theo đam mê

Click to expand...

TheWalk said:

Em là IT tay ngang nên muốn học ăn xổi chút, tới đâu tra google tới đó để làm, chỉ là dự án theo đam mê. Giờ mà học lại JS cơ bản chắc lâu quá hic.

Click to expand...

TheWalk said:

Đầu tiên họ hướng dẫn thế, xem cũng ko hiểu lắp map này để làm gì

Click to expand...

meohen2109 said:

Từ đam mê đang bị rẻ rúng thì phải. Để được coi là đam mê thì ít nhất phải trải qua với nó 10000h đồng hồ vật vã với điều gì đó nhé. Chứ cái kiểu nay thích mai chán, làm thấy khó một tý là lý do lý trấu, thì chỉ gọi là sở thích ưỡn ẹo thôi.

Click to expand...

Xiao_man_tau said:

Hướng dẫn ở đâu, video nào, phút bao nhiêu.
Trả lời vô trách nhiệm thế

Click to expand...

TheWalk said:

Tự gạch, e cũng mới bắt đầu được cỡ 20h thôi ạ

Phút: 13:25
Đây bác ơi

Click to expand...

TheWalk said:

Tự gạch, e cũng mới bắt đầu được cỡ 20h thôi ạ

Phút: 13:25
Đây bác ơi

Click to expand...

Nanatu said:

lúc .map() họ quay sang console check cái variable trong {} là gì thôi bác, chứ k phải là code .map() xong

Click to expand...

Hoa tiêu quán said:

Xem nốt vài giây đi cho đến lúc saved nhé. T thấy họ có truyền thêm hàm render chat

Click to expand...

return <div>
        {chats.map((chat) => <div> {
            chat.chatName}</div>)}
    </div>;

TheWalk said:

JavaScript:

return <div>
        {chats.map((chat) => <div> {
            chat.chatName}</div>)}
    </div>;

Em đã thêm nhưng vẫn bị bug chats.map is not a function

https://gitlab.com/longngohn/testchatapp/-/blob/main/frontend/src/Pages/Chatpage.js

Link folder code của em.

P/s: Em đang học lại JS cơ bản của youtuber F8.

Click to expand...

const Chatpage = () => {
  const [chats, setChats] = useState([]);

  const fetchChats = async () => {
    const { data } = await axios.get("/api/chat");

    setChats(data);

    //console.log(data);
  };

  useEffect(() => {
    fetchChats();
  }, []);

  return (
    <div>
      {chats.map((chat) => (
        <div>chat.chatName</div>
      ))}
    </div>
  );
};

Hoa tiêu quán said:

Gõ lại không được thì vào mô tả video clone về cho lành
https://github.com/piyush-eon/mern-chat-app

Click to expand...

TheWalk said:

Không giống đâu bác ơi, trên đó dạy theo giai đoạn để hiểu dần từng bước một, sau đó mới ra được đoạn cuối.

Click to expand...

Your Friend From Reddit said:

mình dân backend thì angular là đủ rồi nhỉ? có cần phải học thêm cả react không ?

Click to expand...