未在repl.it中运行的代码段

Question

我无法使用反应代码片段运行这个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;