{"id":447,"date":"2026-03-16T20:55:00","date_gmt":"2026-03-16T12:55:00","guid":{"rendered":"https:\/\/mitongxue.cn\/?p=447"},"modified":"2026-06-16T21:39:59","modified_gmt":"2026-06-16T13:39:59","slug":"react-classnames%e6%94%af%e6%8c%81classname%e6%b7%b7%e7%bc%96","status":"publish","type":"post","link":"https:\/\/mitongxue.cn\/index.php\/2026\/03\/16\/react-classnames%e6%94%af%e6%8c%81classname%e6%b7%b7%e7%bc%96\/","title":{"rendered":"React classnames\u652f\u6301className\u6df7\u7f16"},"content":{"rendered":"\n<pre class=\"wp-block-code\"><code>yarn add  classnames --save\npnpm add  classnames --save<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u4f7f\u7528\u65b9\u6cd5<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>import classnames  from 'classnames';\n    \/\/\u8fd9\u91cc\u53ef\u4ee5\u6839\u636e\u5404\u5c5e\u6027\u52a8\u6001\u6dfb\u52a0\uff0c\u5982\u679c\u5c5e\u6027\u503c\u4e3atrue\u5219\u4e3a\u5176\u6dfb\u52a0\u8be5\u7c7b\u540d\uff0c\n    \/\/\u5982\u679c\u503c\u4e3afalse\uff0c\u5219\u4e0d\u6dfb\u52a0\u3002\u8fd9\u6837\u8fbe\u5230\u4e86\u52a8\u6001\u6dfb\u52a0class\u7684\u76ee\u7684\n   &lt;div  className={classNames('loader', 'fullScreen', { hidden: !spinning })}>\n      &lt;div className=\"wrapper\">\n        &lt;div className=\"inner\">&lt;\/div>\n        &lt;div className=\"text\">LOADING&lt;\/div>\n      &lt;\/div>\n    &lt;\/div><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>\u4f7f\u7528\u65b9\u6cd5<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16,12,11],"tags":[],"class_list":["post-447","post","type-post","status-publish","format-standard","hentry","category-js","category-react-","category-front"],"featured_image_urls":{"full":"","thumbnail":"","medium":"","medium_large":"","large":"","1536x1536":"","2048x2048":""},"author_info":{"info":["\u9648 \u67d0\u4eba"]},"category_info":"<a href=\"https:\/\/mitongxue.cn\/index.php\/category\/front\/js\/\" rel=\"category tag\">JS<\/a> <a href=\"https:\/\/mitongxue.cn\/index.php\/category\/front\/react-%e5%89%8d%e7%ab%af\/\" rel=\"category tag\">React<\/a> <a href=\"https:\/\/mitongxue.cn\/index.php\/category\/front\/\" rel=\"category tag\">\u524d\u7aef<\/a>","tag_info":"\u524d\u7aef","comment_count":"0","_links":{"self":[{"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/posts\/447","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/comments?post=447"}],"version-history":[{"count":1,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/posts\/447\/revisions"}],"predecessor-version":[{"id":448,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/posts\/447\/revisions\/448"}],"wp:attachment":[{"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/media?parent=447"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/categories?post=447"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mitongxue.cn\/index.php\/wp-json\/wp\/v2\/tags?post=447"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}