"锻造;React中的表达式

"Forgiving" expressions in React

本文关键字：表达式 锻造 quot React      更新时间：2023-09-26

在一个React JSX视图中，我有一个表达式{a.b.c}，它会破坏整个视图，因为有时b就是undefined。是否有模块提供与AngularJS中的表达式相同的行为？我更喜欢一个什么都不显示的表达式，而不是破坏视图。例如，我应该写一些类似{((a||{}).b||{}).c}的东西吗？

Felix Kling在评论中回答了这个问题：React表达式只是JavaScript您可以使用任何JavaScript技术来避免未定义的TypeErrors，也可以使用任何帮助您的库。

使用香草JavaScript可以使用：

<Component prop={a && a.b && a.b.c} />

对于深度嵌套的结构，使用dot-prop可能很方便。

dotProp.get(a, 'b.c');
相关文章：