在React.js中,可以通过以下步骤来检查id是否等于用户id,并有条件地显示按钮:
state = {
userId: "12345", // 假设用户id为12345
};
render() {
const { userId } = this.state;
return (
<div>
{userId === "12345" && <button>按钮</button>}
</div>
);
}
在上述代码中,只有当userId等于"12345"时,按钮才会被渲染并显示出来。
render() {
const { userId } = this.state;
return (
<div>
{userId === "12345" && <button>按钮1</button>}
{userId === "67890" && <button>按钮2</button>}
{userId === "54321" && <button>按钮3</button>}
</div>
);
}
在上述代码中,根据不同的userId,会显示不同的按钮。
这样,你就可以根据id是否等于用户id,并有条件地在React.js中显示按钮了。
注意:以上代码仅为示例,实际应用中,你需要根据具体的业务逻辑和需求进行相应的修改和调整。
领取专属 10元无门槛券
手把手带您无忧上云