我有一個(gè)可重用的組件，其中包含一個(gè)名為 AnimationLoader 的動(dòng)畫。該組件是用于加載狀態(tài)的可重用組件。我只是想獲取這個(gè)組件并在另一個(gè)組件中使用它，UnpublishBlogBtn 作為單擊按鈕后的加載程序 - 一切正常。但是，我想更改 UnpublishBlogBtn 中動(dòng)畫的高度和寬度，但我一生都無法使其正常工作。我已經(jīng)嘗試實(shí)現(xiàn) Object.assign 以從另一個(gè)文件中引入 CSS 并更改高度和寬度。我還嘗試通過<style={{}}>將組件包裝在添加了樣式的 div 中來更改 CSS （這似乎只是更改按鈕而不是動(dòng)畫本身）。<Button type="main" className="blogBtn">   {currentlyUnpublishingBlog ? <AnimatedLoader css={{ height: 1, width: 1 }}/> :    'Unpublish Blog'}</Button>const AnimatedLoader = () => {  return (    <div      css={{        height: 45,        width: 45      }}    >      <AnimatedIcon         css={{          animationDelay: '0.7s',          height: 35,          left: 10,          position: 'absolute',          top: 10,          width: 35        }}      />      <AnimatedIcon         css={{          animationDelay: '0.7s'          display: 'none',          height: 45,          left: 0,          top: 0,          width: 45,        }}      />      <div        css={{          borderRadius: 20,          borderStyle: 'solid',          borderWidth: 3,          height: 45,          position: 'absolute',          width: 45,        }}      />    </div>  )};export default AnimatedLoader;用戶單擊取消發(fā)布博客按鈕后，加載程序應(yīng)在按鈕頂部顯示較小的寬度和高度。目前，它保持與 AnimatedLoader 組件內(nèi)列出的大小相同的大小，我希望在 UnpublishBlogBtn 組件內(nèi)更改大小。