在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;

Answer 2

這不是一個糟糕的做法，但它更具代碼可讀性並避免了React中的反模式。 它為用戶提供了哪些對象綁定到此組件以及其他什么是指全局對象的知識。 所以最好不要破壞它。