Solid menggunakan JSX seperti React, tapi dengan perbedaan penting.
Perbedaan dengan React
// Solid - function hanya dijalankan SEKALI
function Counter() {
const [count, setCount] = createSignal(0)
console.log("Ini hanya dilog sekali!")
return <p>Count: {count()}</p> // count() dengan ()
}
Di React, count adalah value. Di Solid, count adalah getter function — harus dipanggil dengan count().
Aturan JSX Solid
- Gunakan
class(bukanclassName) - Gunakan
for(bukanhtmlFor) - Event menggunakan
onprefix:onClick,onInput - Ref menggunakan
ref(bukanuseRef)