为什么在函数的参数中设置函数时会出现错误?

why there is error when set function in function's arguments?

提问人:Yousef Osama 提问时间:11/11/2023 最后编辑:XMehdi01Yousef Osama 更新时间:11/11/2023 访问量:77

问:

我想在函数的参数中设置函数,如下所示:

export const Mode = (mode, setMode) => {

  mode == "dark" ? setMode("light") : setMode("dark")

}

结果是 setMode 不是一个功能

JavaScript ReactJS 暗模式

评论


答:

0赞 CodeForest 11/11/2023 #1
import React, { useState } from 'react';
const MyComponent = () => {
  const [mode, setMode] = useState("light");
  const toggleMode = (currentMode) => {
  if (currentMode === "dark") {
    setMode("light");
  } else {
    setMode("dark");
  }
}
  return (
    <div>
      <p>Current mode is: {mode}</p>
      <button onClick={() => toggleMode(mode)}>Toggle Mode</button>
    </div>
  );
};

评论

1赞 XMehdi01 11/11/2023
解释你的代码?
0赞 CodeForest 11/11/2023
此代码允许用户通过单击按钮在“深色”模式和“浅色”模式之间切换。状态更改会导致组件重新渲染,从而更新屏幕上显示的模式。
0赞 CodeForest 11/11/2023
mehdi 如果你需要代码流、跟踪和流程,我会解释它。
0赞 XMehdi01 11/11/2023
我只想澄清您提供的代码
0赞 pilchard 11/11/2023
@CodeForest代码,只有答案是不受欢迎的。花点时间解释你做了什么,它如何解决OP的问题,并在适当的时候提供相关资源的链接。