karkhikavari

  • Home
  • Features
    • Multi DropDown
      • DropDown 1
      • DropDown 2
      • DropDown 3
    • ShortCodes
    • Sitemap
    • Error Page
  • Seo Services
  • Documentation
  • Download This Template
  • Home
  • Features►
    • Multi DropDown►
      • DropDown 1
      • DropDown 2
      • DropDown 3
    • ShortCodes
    • Sitemap
    • Error Page
  • Seo Services
  • Documentation
  • Download This Template

React : Parsing Variabel ke ReactDOM.render ()

Mei 22, 2019 coding, javascript, React
Parsing Variabel ke ReactDOM.render ()

Argumen pertama ReactDOM.render () harus mengevaluasi ekspresi JSX, itu tidak harus benar-benar menjadi ekspresi JSX.

Argumen pertama juga bisa menjadi variabel, selama variabel itu mengevaluasi ekspresi JSX.

Dalam contoh ini, kami menyimpan ekspresi JSX sebagai variabel bernama toDoList. Kami kemudian meneruskan toDoList sebagai argumen pertama ke ReactDOM.render ():

const toDoList = (
  <ol>
    <li> Pelajari Bereaksi </li>
    <li> Menjadi Pengembang </li>
  </ol>
);

ReactDOM.render (
  toDoList,
  document.getElementById ('app')
);

Instruksi
1.

Pada baris 5, deklarasikan variabel bernama myList. Setel myList sama dengan elemen JSX <ul> </ul>. Bungkus <ul> </ul> Anda dengan tanda kurung.

Tambahkan beberapa elemen <li> </li> di antara tag <ul> </ul> Anda. Letakkan beberapa teks di setiap <li> </li>. Gunakan jeda baris dan lekukan yang mirip dengan contoh di atas.
2.

Di bagian bawah file, panggil ReactDOM.render ().

Untuk argumen pertama ReactDOM.render (), masukkan variabel myList.

Untuk argumen kedua ReactDOM.render (), pilih elemen HTML dengan id aplikasi.

Jangan ragu untuk menggunakan kode contoh sebagai panduan.

Jawab :

import React from 'react';
import ReactDOM from 'react-dom';

// Write code here:
const myList = (
  <ul>
    <li>Learn React</li>
    <li>Become a Developer</li>
  </ul>
);

ReactDOM.render(
  myList,
  document.getElementById('app')
);

Share This:
Facebook Twitter Google+ Pinterest Linkedin Whatsapp
React
di Mei 22, 2019
Kirimkan Ini lewat EmailBlogThis!Bagikan ke XBerbagi ke FacebookBagikan ke Pinterest
Label: coding, javascript, React

Tidak ada komentar:

Posting Komentar

Posting Lebih Baru Posting Lama Beranda
Langganan: Posting Komentar (Atom)

Popular

  • JavaScript - FUNCTIONS - Parameters
    FUNCTIONS Parameters Sejauh ini fungsi kami belum membutuhkan masukan apa pun. Kami juga dapat menulis fungsi yang menerima data. K...
  • JavaScript : CONTROL FLOW : Ternary Operator
    CONTROL FLOW Ternary Operator Dalam latihan sebelumnya, kami belajar menulis singkat jika ada pernyataan  if / else    if / else  untuk ...
  • 3.Step How To Be programmer
      Cara Menjadi Seorang Programer you ccan visit this website to learn programming =  https://www.codecademy.com/courses/introduction-to-java...
  • React : ReactDOM.render () I
    ReactDOM.render () I Mari kita periksa kode yang baru saja Anda tulis. Mulai di before.js, di jalur 5, terus ke kiri. Anda dapat melihat...
  • JavaScript - FUNCTIONS - Functions
    FUNCTIONS Functions Bagaimana cara kerja kode dibawah ? let calculatorIsOn = false ; const pressPowerButton = () => { ...

Tags

About coding Game javascript phaser program python React
Created By Karkhi Kavari