通过 Sandpack 组件,你可以在文档中嵌入可运行的代码沙盒。
通过 dependencies 参数安装额外的 npm 包:
showConsole 参数可以同时显示预览和控制台输出:
使用 file="./path" 元数据将外部源码文件直接引入代码块:
文件路径相对于当前文档所在目录。适合在文档中展示真实的源码实现。
export default function App() { return <h1>Hello world</h1> }
export default function App() { return <h1>Hello world</h1> }
export default function App() { return <h1>Hello world</h1> }