Question

尝试在链接组件中构造URL时出现此错误：

bundle.js：2567警告：React.createElement：类型无效- 预期的字符串（用于内置组件）或类/函数（用于复合组件），但得到：未定义。您可能忘记了出口您的组件来自定义它的文件，或者您可能已经混合了设置默认名称并命名导入。

这是我的React组件中的内容：

_renderSubNav() {
  const { dispatch } = this.props

  let userId = this.props.match.params.userId;
  console.log('userId is' + userId);

  return (
    <div className="">
        <nav aria-label="breadcrumb">
            <ol className="breadcrumb">
                <li className="breadcrumb-item"><Link to={`/users/${userId}`} className="nav-link">User</Link></li>
            </ol>
        </nav>
    </div>
  );
}

控制台不会在chrome中记录ID，因此userId不是未定义的，例如2。如何将userId放入Link组件？

Answer 1

您需要使用

import {Link} from 'react-router-dom';

重要提示：{Link}，而不是Link。那是您的代码和框中的错误，很可能也是您实际代码中的错误。

Answer 2

听起来好像和链接有不同的问题。

您在某处缺少return语句。就我所记得的有关Link的一切而言，您的语法很好，并且抛出的错误未引用Link。

尝试将变量值放入我的URL值链接时遇到问题

2 个答案: