怎么解决React项目"多余"的&&？

Question

案例: 当我需要根据某个条件渲染对应组件,如果超出三元运算符的数量,我一般选择用&&,但是太多了的话又觉得不够美观.请问大家有什么好的办法解决吗？obj.type === 'name1' && (<span>Alan</span>);obj.type === 'name2' && (<span>Hacken</span>);obj.type === 'name3' && (<span>xxx</span>);...

Answer 1

定义一个对象，用方括号访问应该可以：

let o = {'name1': (...),'name2': (...),
...
};
o[obj.type]

Answer 2

switch return？