Reactjs react路由器链接属性的条件渲染

我正在尝试禁用React项目中链接的某些属性。按钮显示在多个页面上，因此我需要它们有条件地呈现

这里是一个取消按钮和退款按钮的示例，disableCancelButton和DisableReturnButton是布尔值，它们查看各种因素以确定按钮是否应该显示。我的尝试：

<Link {{disableRefundButton} && to={"/rentals/" + rentalId + "/refund"}}>Refund</Link>

<Link {{disableCancelButton} && onClick={this.props.onCancel}}>Cancel</Link>

退款
取消

我还尝试：

<Link {{disableRefundButton} ? to={"/rentals/" + rentalId + "/refund"}}>Refund</Link>

退款

---

我肯定我带着一个卷曲的背带离开了。感谢所有帮助。

您不想有条件地渲染整个组件，而不仅仅是道具吗

{!disableRefundButton &&
  <Link to={"/rentals/" + rentalId + "/refund"}}>Refund</Link>}

{!disableCancelButton &&
  <Link onClick={this.props.onCancel}}>Cancel</Link>}

{！禁用退款按钮&&
退款}
{！禁用取消按钮&&
取消}

我希望按钮保持在那里。这是设计的一部分，因为产品经历了其流程的不同阶段：签入、签出、取消、关闭。我们的大多数按钮只是淡入禁用状态，而不是消失。所以我需要保持链接，只需要将属性onClick属性设置为null。下面是另一个失败的尝试。。。lol取消