LEARN TO PROGRAM

React / Typescript Tutorial – Build a Quiz App | react example | ข่าวที่มีประโยชน์ที่สุด

React / Typescript Tutorial – Build a Quiz App | react example.

ดูเลย

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับ react example หรือข่าวที่เกี่ยวข้องอื่นๆ โปรดไปที่: เรา การกระทำ

React / Typescript Tutorial – Build a Quiz App และรูปภาพที่เกี่ยวข้องreact example

React / Typescript Tutorial - Build a Quiz App
React / Typescript Tutorial – Build a Quiz App

ข้อมูลที่เกี่ยวข้องกับหัวข้อ react example.

เรียนรู้วิธีใช้ React และ TypeScript เพื่อสร้างโครงการแอปแบบทดสอบ คุณจะได้เรียนรู้วิธีใช้ Styled-Components ด้วย React 🔗 สิ่งที่คุณจะทำ: 💻 รหัส: 🎥 หลักสูตรจาก Thomas Weibenfalk ดูช่อง YouTube ของเขา: 🔗 เว็บไซต์ของ Thomas: — เรียนรู้การเขียนโค้ดฟรีและรับงานนักพัฒนา: อ่านบทความเกี่ยวกับการเขียนโปรแกรมนับร้อย: และสมัครรับวิดีโอใหม่เกี่ยวกับเทคโนโลยีทุกวัน: ..

>>> สามารถหาข้อมูลที่น่าสนใจอื่นๆ ได้ที่นี่ เรา
แบ่งปันที่นี่

react example – การค้นหาที่เกี่ยวข้อง.

#React #Typescript #Tutorial #Build #Quiz #App.

quizapp

React / Typescript Tutorial – Build a Quiz App

react example.

ด้วย ความรู้ ในหัวข้อ react example นี้จะ นำความรู้ มาสู่คุณ ขอแสดงความนับถือ.

Malee Siriporn

สวัสดีทุกคนฉันชื่อมาลีเจ้าของวิลล่าหัวหินซันวิลล่าฉันและหุ้นส่วนของฉันพยายามอย่างเต็มที่เพื่อให้บริการที่ดีที่สุดแก่คุณ ฉันหวังว่าจะได้ให้บริการคุณเร็ว ๆ นี้ในอนาคตอันใกล้นี้

Related Articles

37 Comments

  1. dangerouslysetinnerhtml – why it is necessary – Why not just pass: <p> {question} </p> or answer <p> {answer} </p>

    it was my understanding that babel in react would convert JSX into JS as well as HTML but maybe I am wrong. So the question is why using dangerouslysetinnerhtml to put directly HTML instead of JSX when we can do that normally? what is the point of or the differences?

  2. TypeError: cannot read property 'map' of undefined. what should i do?

    import React from "react";

    type Props = {

    question: string;

    answers: string[];

    callback: any;

    userAnswer: any;

    questionNr: number;

    totalQuestions: number;

    }

    const QuestionCard: React.FC<Props> = ( {

    question,

    answers,

    callback,

    userAnswer,

    questionNr,

    totalQuestions

    }) => (

    <div>

    <p className="number">

    Question: {questionNr} / {totalQuestions}

    </p>

    <p dangerouslySetInnerHTML={{ __html: question}} />

    <div>

    {answers.map(answer => (

    <div>

    <button disabled={userAnswer} onClick={callback}>

    <span dangerouslySetInnerHTML={{ __html: answer}}/>

    </button>

    </div>

    ))}

    </div>

    </div>

    );

    export default QuestionCard;

  3. Bonjour,
    Hello,

    Thank you again for this tutorial which is very well explaining just a small problem at the "answers.map" level

    "which returns an undefined value I check on the git restart the project after having downloaded it is the error is the same the map in itself is good but the value which is returned is undefined which makes the program crash an idea ?

  4. For those stuck as I was for a while with a TS error:
    When he applies an OR to the Props using a 'Pipe', it looks like a slash. That's due to the confusing font.
    Use a Single Pipe | to declare 'OR' in Typescript

  5. Informative and easy to follow. BUT, NOT SMART teaching beginners to use "Dangerously Set innerHTML". Even if you say it's "ok" to use. What benefit is a beginner getting out of this? You're teaching beginners dangerous and bad habits that you have. No one mentions in the comments because they don't even realize. It'd be best to teach how to make a quiz app without putting high risk, and obscure things into an easy friendly teaching app. Cheapens the whole project and makes it useless. What's worst is you use it multiple times…

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *

Back to top button