React 代码片段在 repl.it 中不运行

Question

我无法运行这个 React code snippet 使用 repl.it。

你能指导我哪里错了吗？

Answer 1

任何包含 React 模板的 JavaScript 文件都需要使用 .jsx 文件扩展名，然后需要导入 React。

App.jsx

import React from 'react';
import { useState, useEffect, useRef } from "react";
//import ReactDOM from "react-dom";

function App() {
  const [inputValue, setInputValue] = useState("");
  const count = useRef(0);

  useEffect(() => {
    count.current = count.current + 1;
  });

  return (
    <>
      <input
        type="text"
        value={inputValue}
        onChange={(e) => setInputValue(e.target.value)}
      />
      <h1>Render Count: {count.current}</h1>
    </>
  );
}

export default App;

React 代码片段在 repl.it 中不运行

React code snippet does not run in repl.it

reactjs

repl.it

React 代码片段在 repl.it 中不 运行

React code snippet does not run in repl.it

reactjs

repl.it

React 代码片段在 repl.it 中不运行