我有以下反應(yīng)組件import styles from './Alert.module.scss';const Alert = ({  role = 'document',  type = 'info',}) => (<GridItem>  <div className={`${styles.alert} ${styles[`alert-${type}`]}`} role={role}>   {icon && <div className={`${styles['alert-icon']}`} />}   <div className={styles.content}>{children}</div>  </div></GridItem>我正在這樣寫我的測(cè)試jest.mock('./Alert.module.scss', () => ({   'alert': 'alert',   'type': 'info',}));jest.mock('./GridItem', () => 'GridItem');describe('Alert', () => {  it('should render correctly', () => {    expect(renderer.create(<Alert>Alert</Alert>)).toMatchSnapshot();  });});問(wèn)題是在創(chuàng)建快照時(shí)，類型變量返回未定義。我假設(shè)它與字符串連接有關(guān)，因?yàn)椤敖巧弊兞繉懭胝_。這是快照。<GridItem>  <div    className="alert undefined"    role="document"  >    <div>      Alert    </div>  </div></GridItem>`;所以，我不確定我在這里遺漏了什么，或者是否對(duì)字符串連接有任何限制。我怎樣才能正確得到它？謝謝！