javascript - 在 React 中解压“这个”是不好的做法吗?
问题描述
我总是把它解包,这样渲染函数看起来更整洁。这样做是不好的做法吗?
例子:
class Zoom extends React.Component {
// ...
render() {
const {view, zoomOutScreen} = this;
const {navigation} = this.props;
return (
<Wrapper
innerRef={view}
animation='zoomIn'
duration={200}
useNativeDriver={true}
>
<Component
navigation={navigation}
zoomOutScreen={zoomOutScreen}
/>
</Wrapper>
);
}
}
解决方案
这既不好也不坏,主要是风格问题。
在某些使用场景中可能存在非常小的客观差异,但没有什么值得考虑的。(如果您反复使用属性,将它们缓存到本地常量可能会使它们更快地查找。如果不这样做,将它们缓存到本地常量是不必要的步骤。但同样,在 99.999999999% 的情况下,它只是根本不会对现实世界产生任何影响。做看起来最清楚的事情。)
旁注:如果你愿意,你可以结合你的两个解构分配:
const {view, zoomOutScreen, props: {navigation}} = this;
推荐阅读
- c# - 使用 c# 在运行时文本 HTML 生成中将图像插入 img 标签
- ios - 从 JSON 获取对象
- php - 在 WooCommerce 的订单编辑页面上显示自定义字段
- javascript - javascript:尽管启用了cors,但拒绝访问跨域对象上的属性的权限
- regex - 如何获取逗号分隔字符串中的子字符串?
- javascript - 如何用正则表达式和 JavaScript 替换包含方括号的字符串
- r - 是否可以将 R 数据框导出到 CSV,组之间有空白行?
- codeigniter - 根据 Codeigniter 中的下拉值填充表单
- selenium-webdriver - 如何删除硒中的登录弹出窗口
- angular - 在 SpreadJS 事件绑定中没有抛出异常