當模態在反應中打開時整個組件重新呈現

Question

<ThemeProvider theme={theme}>
          <GlobalStyle />
          {componentName !== 'questionaire' &&
            componentName !== 'activityResult' && <CardWrapper />}

          <ErrorModal
            errorModal={errorModal}
            handleErrorModal={handleError}
            errorMsg={error}
          />
          {successModal && successMsg  ? (
            <SuccessModal successModal={successModal} successMsg={successMsg} />
          ) : (
            <Grid
              className="card-layout"
              style={
                componentName === 'questionaire'
                  ? { margin: '20px', height: 'calc(100% - 40px)' }
                  : { margin: '30px 20px' }
              }
            >
              {customTagProps.meterId && (
                <CustomTag type={componentName} propData={customTagProps} />
              )}
            </Grid>
          )}
        </ThemeProvider>

我有一個模態組件，它在加載時重新呈現整個組件。 我想防止重新渲染整個組件。

Answer 1

缺乏信息

我可以只建議您嘗試使用 useRef 而不是 useState

你可以使用 useMemo() 返回組件