Блог

 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; 
 

Это мой код.Всякий раз, когда я нажимаю для предварительного просмотра в браузере, появляется ошибка «не удается получить доступ к объекту» до инициализации.

Зачем вам называть компонентный объект? Также удалите ; . Попробуй это:

   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";