数据在第一次渲染时以未定义的形式返回

Posted 2023-02-21

function Story() 
  let  id  = useParams();
  const pin = useSelector(state => state.pins.pin);
  const dispatch = useDispatch();
  const userid = 2
  useEffect(() => 
    dispatch(getPin(id));
  , [dispatch, id]);

  return (
    <div className="container-fluid" >

     <Upvote pin=pin.upvotes userid=userid />

    </div>
  );

function Upvote (pin, userid) 
 ///pin.filter(a => a.id === userid)
return(<div>test<div/>

引脚在第一次渲染时将是未定义的。我尝试在Upvote中执行if语句。不知道这是否是正确的方法

if(pin)
   ///filter

答案

在呈现Upvote之前，将三元运算符放入Story中，就好像pin不存在一样，Upvote不会仅呈现。

此外，当pin未定义时，它也不会破坏您的代码。