在 StackOverFlow 代码片段中使用 React Hook

Question

如何在 stackoverflow 代码片段中使用 React Hook？

const App = (props) => {
  var [count, setCount] = React.useState(0);

  return (
    <span>{count}</span>
  );
};

ReactDOM.render(<App />, document.getElementById("root"));

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>
<div id="root"></div>

Answer 1

目前，这是将 React 移植到 stackoverflow 代码片段的最简单方法。

参考：https://meta.stackexchange.com/questions/333434/improved-support-for-react-in-the-code-snippet-editor

const App = (props) => {
  var [count, setCount] = React.useState(0);

  return (
    <span>{count}</span>
  );
};

ReactDOM.render(<App />, document.getElementById("root"));

<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>

<div id="root"></div>