提问人:Yousef Osama 提问时间:11/11/2023 最后编辑:XMehdi01Yousef Osama 更新时间:11/11/2023 访问量:77
为什么在函数的参数中设置函数时会出现错误?
why there is error when set function in function's arguments?
问:
我想在函数的参数中设置函数,如下所示:
export const Mode = (mode, setMode) => {
mode == "dark" ? setMode("light") : setMode("dark")
}
结果是 setMode 不是一个功能
答:
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的问题,并在适当的时候提供相关资源的链接。
评论