React.js : Multiple condition in return React


Saya pernah mendapatkan masalah ketika melakukan return dengan memiliki beberapa kondisi dalam satu pengecekan. Contohnya seperti berikut ini.

<div>
{hasAnyPermission(['roles.index']) ||  hasAnyPermission(['permissions.index']) || hasAnyPermission(['users.index']) &&

	//tampilkan menu

}
</div>

Pada kode di atas, saya ingin melakukan pengecekan jika user memiliki hak akses roles.index atau permissions.index atau users.index.

Berikut ini cara sederhana yang bisa teman-teman lakukan.

Terima Kasih


React JS JavaScript
SOLUTIONS

Berikut ini adalah beberapa solusi yang mungkin bisa membantu kamu.


Problem di atas, kita cukup membungkus conditional-nya menggunakan ( ). Kurang lebih berikut ini cara mengatasinya.

<div>
{(hasAnyPermission(['roles.index']) ||  hasAnyPermission(['permissions.index']) || hasAnyPermission(['users.index'])) &&

	//tampilkan menu

}
</div>

Terima Kasih

KEBIJAKAN KOMENTAR

Saat memberikan komenatar silahkan memberikan informasi lengkap tentang error, seperti: screenshot, link kode, dll. Baca aturan komentar kami