React.CreateElement()

JavaScript ten HTML dönüşüm örneği.

Üst menüden New Editor -> Frontend Page tıklayarak yeni bir editör sayfası açılır ve aşağıdaki kod yazıldıktan sonra Preview putnu tıklanır.

React.CreateElement() sonucu bir ReactElement olarak tanımlanır!

return _('div', {},
_('h1',{},'Hello World'),
)

Aslında sonuc olarak bir HTML çıkmakta ve "Hello World" üzerine sağ tıklayıp "incele" dersek

<div><h1>Hello World</h1></div>

HTML sonucu görebilirsiniz.

Aslında "_('h1',{},'Hello World')," "React.CreateElement('h1',{},'Hello World')" eş değerdir. React.CreateElement() hakkında daha fazla bilgi almak için bu linke tıklayın

Üst kısmındaki "Save" buttonuna tıklarsanız bu sayfayı Pages tanımı olarak saklar ve WebUI -> Pages altında bulabilirsiniz.

  • Birinci parametresi zorunludur ve Component veya tırnak içinde HTML tag alır

  • İkinci parametresi zorunlu değil ve Component'e props ve attrebutları göndermek için kullanılır

  • Üçüncü parametre zorunlu değil ve çocuk göndermek için kullanılır

React.createElement(
*type, //"div",Component
[props],//style, className, ek argumanlar
[...children]//çocuk
)