MDX Demo – Nextra

HTML

<button onClick={() => alert('button clicked!')}>Click me!</button>
<img style={{ width: '100px', height: '100px'}} src="https://github.com/noobakong.png" alt="github-img" />

CodeSandBox PlayGround

more info for CodeSandBox can see: https://sandpack.codesandbox.io/ (opens in a new tab)

import React, { useState } from 'react';
export default function App() {
  const [number, setNumber] = useState(0);
  return (
    <div>
      <h1>{number}</h1>
      <button onClick={() => {
        setNumber(number + 1);
        setNumber(number + 1);
        setNumber(number + 1);
      }}>
        +3
      </button>
    </div>
  );
}

Open Sandbox

xmind 预览

<XmindView
  width="750px"
  height="350px"
  url="https://xmindltd.github.io/xmind-embed-viewer/test-1.xmind"
/>

<XmindView
  width="750px"
  height="350px"
  url="https://xmindltd.github.io/xmind-embed-viewer/test-1.xmind"
/>

吴恩达prompt课程学习笔记