Question

在我的react组件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 >
)

我希望链接可以点击。

Answer 1

我找到了或不起作用的原因。它与React-Router-Dom无关。这是我的无礼，父母的属性为“位置：绝对”和“ z-index：-1”。

使用z-index和position时，它将禁用页面上的所有链接。所以，我要做的就是简单地删除position属性。

无法使React Router Dom Link正常工作

1 个答案: