Transcrypt

https://gyazo.com/39a2e955ed5d1c21d3e857ec2f36fe77

JavaScript に transpile され Web browser で動く PythonPython.icon

React

Preact は使はない。Preact を使ふ位いなら React を使ふ

React.createElement() を jsx() と jsxs() に置き換へる。固定した子 component を持つなら jsxs() を呼び、動的に入れ代はる子 component を持つなら jsx() を呼ぶ

code:python

const React = require("react");

React.createElement(Component, {}, Child1, Child2)

React.createElement(

Component,

{},

map(

items,

lambda item: React.createElement(Child, {"key": item"id", "item": item})

)

code:python

const { jsx, jsxs } = require("react/jsx-runtime");

jsxs(Component, {"children": Child1, Child2})

jsx(

Component,

{

"children": map(

items,

lambda item: jsxs(Child, {"key": item"id", "item": item})

)

類似