在React解包"this"是不好的做法吗？

Question

我总是解开这使得渲染功能看起来更整洁.这样做是不好的做法？

例:

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>
        );
    }
}

Answer 1

这既不好也不坏,主要是风格问题.

在某些使用场景中可能存在非常小的客观差异,但没有什么值得考虑的.(如果重复使用这些属性,将它们缓存到局部常量可能会使它们更快查找.如果不这样做,将它们缓存到局部常量是不必要的步骤.但同样,在99.999999999%的情况下,它只是根本不会产生任何现实世界的差异.做一些看起来最清楚的事情.)

附注:如果需要,您可以结合两个解构分配:

const {view, zoomOutScreen, props: {navigation}} = this;