小编Sam*_*ntz的帖子

在此错误消息中“直接在useEffect内部移动此变量”是什么意思?

我正在尝试通过道具将对象传递给子组件。该值在useEffect挂钩中设置,并在传递给我的子组件时丢失。

我尝试在单独的函数中的useEffect钩子外部设置对象的值,但该值仍然丢失。

import React, { useState, useEffect } from 'react';

function SetValue(props){

    let users = {};

    useEffect(() => {
          users = { user: 'bob' };
    })        

    return <NewComponent users={users} />
}

export default SetValue;
Run Code Online (Sandbox Code Playgroud)

我期望props.users是{user:'bob'}而不是一个空对象{}。

错误消息是:

“每次渲染后,从React Hook内部对usesfffect的'users'变量的分配都将丢失。要随时间保留该值,请将其存储在useRef Hook中,并将可变值保留在'.current'属性中。否则,您可以在useEffect react-hooks / exhaustive-deps中直接移动此变量”

reactjs react-hooks use-effect

10
推荐指数
2
解决办法
3162
查看次数

标签 统计

react-hooks ×1

reactjs ×1

use-effect ×1