无法使 React Router Dom Link 工作答案

【问题标题】：Unable to make React Router Dom Link to work无法使 React Router Dom Link 工作
【发布时间】：2019-11-25 12:33:38
【问题描述】：

在我的反应组件 PostItem 中，我创建了一个指向编辑帖子页面。我的其他组件中的所有工作，除了这个，我找不到原因。

页面使用标签和正确的href地址成功呈现，但我无法点击链接。事实上，这个组件上没有任何标签或链接。

我已尝试创建指向任何外部网站的直接链接，但此组件上的所有链接似乎都已禁用。

const PostItem = ({ id, title}) => (
    <div className="list-item prfx-color" key={id}>
        <div className="list-header">
            <h3 className="list-title">{title}</h3>
                <Link to={`/EditPost/${id}`}>
                    <i className="material-icons" style={{ color: 'white' }}>edit</i>
                </Link>
        </div>
    </div >
)

我希望链接是可点击的。

【问题讨论】：

你的组件是否在 react-router 上下文中使用？
EditPost 是路由名称还是组件本身？
EditPost 是组件名称，我有一个单独的反应路由器组件，列出了链接应该在包装器中的位置，它适用于其他组件。

标签： reactjs react-router-dom

【解决方案1】：

我找到了 the 或 any 不起作用的原因。它与 React-Router-Dom 无关。这是我的 sass，其中 parent 具有“位置：绝对”和“z-index：-1”的属性。

使用 z-index 和位置时，它会禁用页面上的所有链接。所以，我所做的只是简单地删除位置属性。

【讨论】：