小编Nao*_*aor的帖子

React Helmet 不更新元标签

我在 React 项目中有我的index.html页面,如下所示:

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <title>Bucard | Digital Business Card</title>

  <meta name="title" content="Bucard | Digital Business Card">
  <meta name="description" content="Bucard - Description for bucard" />
  <meta property="og:title" content="Bucard | Digital Business Card" />
  <meta property="og:image" content="http://m.digital-card.co.il/zedka/152/images/icon.png" />
  <meta property="og:description" content="Bucard - Description for bucard" />
  <meta property="og:url" content="https://bucard.co.il/" />
</head>

<body>
  <div id="root"></div>
</body>

</html>
Run Code Online (Sandbox Code Playgroud)

并有我的react-helmet部分,它存在于组件中,其自身路径在url上:

<Helmet>
   <title>{"Digital card of " + this.state.card.Name}</title>

   <meta name="title" content={"Digital card of " + …
Run Code Online (Sandbox Code Playgroud)

html meta-tags reactjs react-helmet

12
推荐指数
1
解决办法
1万
查看次数

useCallBack React-hooks/exhaustive-deps 警告

这是我在 React js 中的代码的一部分:

export default function Registration() {
    const [email, setEmail] = useState(null);
    const [password, setPassword] = useState(null);
    const [passwordRepeat, setPasswordRepeat] = useState(null);
    const [isFieldsOK, setFieldsOK] = useState(false);

    useEffect(() => {
        if (checkFieldsOK()) {
            setFieldsOK(true);
        } else {
            setFieldsOK(false);
        }
    }, [checkFieldsOK])

    const checkFieldsOK = () => {
        return (isEmail(email) && isValidPassword(password) && passwordRepeat === password);
    }
}
Run Code Online (Sandbox Code Playgroud)

我有 isFieldsOK 状态,它告诉我我的字段是否有效,并且我希望它“侦听”注册功能中的每个更改。运行此命令后,我收到此警告:

The 'checkFieldsOK' function makes the dependencies of useEffect Hook (at line 34) change on every render. Move it …
Run Code Online (Sandbox Code Playgroud)

reactjs react-hooks usecallback use-effect

5
推荐指数
1
解决办法
5223
查看次数