React : Atribut Di JSX

Atribut Di JSX

Elemen JSX dapat memiliki atribut, seperti halnya elemen HTML.

Atribut JSX ditulis menggunakan sintaks mirip-HTML: nama, diikuti oleh tanda sama dengan, diikuti oleh nilai. Nilai harus dibungkus dengan tanda kutip, seperti ini:

my-atribut-name = "my-atribut-value"

Berikut adalah beberapa elemen JSX dengan atribut:

<a href="http://www.example.com"> Selamat datang di Web </a>;

const title = <h1 id = "title"> Pengantar React.js: Bagian I </h1>;

Elemen JSX tunggal dapat memiliki banyak atribut, seperti halnya dalam HTML:

const panda = <img src = "images / panda.jpg" alt = "panda" width = "500px" height = "500px" />;

Instruksi
1. Deklarasikan konstanta bernama p1.

Setel p1 sama dengan elemen JSX <p> </p>. Tulis kata foo di antara tag <p> </p>.

Jawab :

const p1 = <p id="large">foo</p>;
const p2 = <p id="small">bar</p>;