reactjs - 初始化前无法访问“VariableName”

Question

import React from "react";
import "./styles.css";
import Object from "./Object";

function App() {
  return (
    <>
      <Object />
    </>
  );
}
export default App;

---

import React, { useState } from "react";
  let Object = () => {
  const [text, setText] = useState("Random title");
  const Handler = () => {
    if (text === "Random title ") {
      setText("Hello arif");
    } else {
      setText("Random title");
    }
  };
  return (
    <>
      <h1>{text} </h1>;<button onClick={Handler}>Click me </button>
    </>
  );
};
export default Object; 

这是我的代码。每当我在浏览器中单击预览时，它都会显示一个名为“初始化前无法访问‘对象’的错误。

标签： reactjs

Answer 1

为什么要命名一个组件对象？同时删除;. 试试这个：

  import React, { useState } from "react";

  export const Title = () => {
    const [text, setText] = useState("Random title");
    const Handler = () => {
      if (text === "Random title ") {
        setText("Hello arif");
      } else {
        setText("Random title");
      }
    };
    return (
      <>
        <h1>{text} </h1>
        <button onClick={Handler}>Click me </button>
      </>
    );
  };

然后导入：

import { Title } from "./Title";