reactjs - 如何在不重新渲染嵌套组件的情况下有条件地渲染组件？

Question

我试图在按下按钮时有条件地启用/禁用此 ScrollView，而不重新呈现嵌套在其中的 View 和 CardDeck。有任何想法吗？所有帮助表示赞赏!

<>
  <ScrollView>
    <View >
        <CardDeck 
        infoStyles={handleInfoStyle}
        />
    </View>
  </ScrollView>
</>

Answer 1

你只能处理显示隐藏你的 react 应用程序中的任何东西，当你更新你的状态时也不会发生任何变化，这个状态可以是 View 的不透明度或如下设置一些状态并据此显示您的代码。

举个例子:

const[state,setState]=useState(false);
<>
  <ScrollView>
<Button title='hello' onPress={()=>{setState(!state)}} />
    <View >
        {state && <CardDeck 
        infoStyles={handleInfoStyle}
        />}
    </View>
  </ScrollView>
</>

CardDeck只有在状态为真时才会显示(点击后)