← PROJECT|Code → SVG
Editor13 L
import { useState } from 'react';

export default function App() {
    const [count, setCount] = useState(0);
    return (
        <div className="container">
            <h1>{count}</h1>
            <button onClick={() => setCount(count + 1)}>
                Click me
            </button>
        </div>
    );
}
Preview3.9 KB
配色方案
关键词
import / const / if / return …
函数/组件
PascalCase / 类名 / 组件
字符串
"str" 'str' `tpl` //注释
标识符
变量 / 数字 / 默认色
标点
{} () [] , ; = > …
JSX 标签
<div> </div> <Link />
JSX 属性
className onClick …
行号标记
左侧行号指示条
背景色
画布底色