不能使用 useRef 钩子使用以前的值先前值显示等于当前值

如何解决不能使用 useRef 钩子使用以前的值先前值显示等于当前值

我不能使用 useRef 钩子使用以前的值。先前值等于先前值。有人能告诉我为什么吗？？以及解决方案是什么。

我需要比较帖子的先前值；

const [selectedPost,setSelectedPost] = useState({ title: "",content: "" });

以下是前值函数

function usePrevIoUs(value) {
    const ref = useRef();
    useEffect(() => {
      ref.current = value;
    });
    return ref.current;
  }
  const prevVal = usePrevIoUs(selectedPost);

以下是我使用前一个值的函数

const handleClickUpdate = () => {
    if (prevVal === selectedPost && isEmpty(errors))
      return setEditClicked(false);

    editPost(selectedPost,postId,"original",() => setEditClicked(false));
  };

编辑//

我发现它的发生是因为这段代码。有人能解释一下为什么吗？？

//clear validation errors on typing title or content
  useEffect(() => {
    if (!isEmpty(selectedPost.title) && !isEmpty(selectedPost.content))
      dispatch(saveErrors({}));
  },[selectedPost,dispatch]);

解决方法

这是因为使用了 Effect 钩子。可能是因为这里已经使用了选定的后期更改效果，所以编译器无法执行相同的效果来存储以前的值，因为下面的代码块首先出现。我删除了它，而是恢复了句柄更改中的错误。这解决了我的问题。

以前：

useEffect(() => {
    if (!isEmpty(selectedPost.title) && !isEmpty(selectedPost.content))
      dispatch(saveErrors({}));
  },[selectedPost,dispatch]);

现在：

const handleChange = (event) => {
    const { name,value } = event.target;

    //  clear validation errors on typing title or content
    if (!isEmpty(selectedPost.title) && !isEmpty(selectedPost.content))
      dispatch(saveErrors({}));

    setSelectedPost((prevVal) => {
      return { ...prevVal,[name]: value };
    });
  };