javascript - 在React中解压缩 “this”是不好的做法吗？

我总是打开它的包装，以便渲染功能看起来更整洁。这样做是不好的做法吗？

示例:

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;