Question

ReferenceError可见未定义

2022-01-01

1075

reactjs react-hooks visible

我尝试在 React 中隐藏/显示我从互联网上获取了代码。但我可能把它放在了错误的地方。请帮忙

我的代码 https://codesandbox.io/live/4e62cd7f12d

我在哪里获取了代码 https://dirask.com/posts/React-how-to-show-or-hide-element-jvorZ1

Answer 1

如果您使用默认的 React 项目，则需要将 App 组件导出为默认组件。您也可以使用 import React, {useState} from 'react' 。

App.js 文件内容：

import React, {useState} from 'react';

const App = () => {
  const [visible, setVisible] = useState(false);
  return (
    <div>
      <button onClick={() => setVisible(!visible)}>
        {visible ? 'Hide' : 'Show'}
      </button>
      {visible && <div>My element</div>}
    </div>
  );
};

export default App;

Answer 2

您已经在 lis 子组件/函数中声明了可见变量，但在主组件中使用了该变量。

您需要在主组件中定义可见变量。