在 StackOverFlow 代码片段中使用 React Hook答案

【问题标题】：Use React Hook in StackOverFlow code snippet在 StackOverFlow 代码片段中使用 React Hook
【发布时间】：2023-03-11 04:28:01
【问题描述】：

如何在stackoverflow代码sn-p中使用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>

【问题讨论】：

Hooks are a new addition in React 16.8
至少用16.8.0替换16.6.3，它应该可以工作

标签： reactjs react-hooks

【解决方案1】：

目前这是移植 react 到 stackoverflow 代码 sn-p 的最简单方法。

参考：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>

【讨论】：