小编Sho*_*han的帖子

我无法使用 useLocation 从 React router Link 组件获取状态。那么我怎样才能通过呢?

我正在尝试将 videoTitle 从链接状态传递到我的测验页面。但我无法通过 useLocation 传递它。它向我抛出此错误: TypeError:无法解构“位置”的属性“状态”,因为它未定义。

从这个链接组件:

链接

对此:

访问链接状态

这是视频页面的完整代码:

import React, { useState } from 'react';
import InfiniteScroll from 'react-infinite-scroll-component';
import { Link } from 'react-router-dom';
import useVideoList from '../hooks/useVideoList';
import classes from '../styles/Videos.module.css';
import Video from './Video';

export default function Videos() {
  const [page, setPage] = useState(1);
  const { loading, error, videos, hasMore } = useVideoList(page);

  return (
    <div className={classes.videos}>
      {videos.length > 0 && (
        <InfiniteScroll
          dataLength={videos.length}
          next={() => setPage(page + 9)}
          hasMore={hasMore}
          loader={<h4>Loading...</h4>}
          endMessage={
            <p style={{ textAlign: 'center' …
Run Code Online (Sandbox Code Playgroud)

reactjs react-router-dom

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

标签 统计

react-router-dom ×1

reactjs ×1