React JS Typescript usestate 与布尔值

Posted 2023-02-21

【中文标题】React JS Typescript usestate 与布尔值

【英文标题】：React JS Typescript usestate with boolean

【发布时间】：2021-07-17 23:23:59

【问题描述】：

我一直在处理这个问题，但我不明白这个错误，所以看看这个我有这行：

function App() 

  const [ isLogged, setIsLogged ] = React.useState<boolean>(false);

  const changedLogging = () => 
    setIsLogged( !isLogged );
  

  return (
    <div className="App">
        
          !isLogged? <Login changedLogging= changedLogging  />
          : 
            <div>
              <Header changedLogging= changedLogging  />
              <Profile />
            </div>
        
    </div>
  );



login.tsx

const OnSubmit = ( event: React.FormEvent<htmlFormElement>  ) =>
    event.preventDefault();
   props.changedLogging;


header.tsx
          <Button
            ...
              key: 'out',
              color: "inherit",
              to: props.changedLogging,
              component: RouterLink,
              className: menuButton,
            
          > 
            Out
          </Button>

当它运行时显示此错误： 期望一个赋值或函数调用，而是看到一个表达式@typescript-eslint/no-unused-expressions

你知道为什么吗？？？

我正在尝试使用文件 .tsx 创建一个简单的登录，变量 isLogged 用于控制一个简单的登录。因此，当用户记录变量 isLogged 更改为 true 并且用户退出时，变量为 false

谢谢！

【参考方案1】：

你可以这样添加：

const [ isLogged, setIsLogged ] = React.useState<boolean>(false);

错误在于调用函数。

你需要这样称呼它。

props.changedLogging();

【讨论】：

错误还在显示，,, 错误在 setIsLogged( !isLogged );

能否请您说明您从何处以及如何调用changedLogging 函数？

在这里，您将函数作为道具传递。请添加调用函数的代码。

准备好了！...所以你认为错误是 props.changedLogging ????

对...错误在 props.changedLogging 中。你需要像props.changedLogging()这样调用这个函数。