如何在server component里面嵌入client component?-灵析社区

最近在学习nextjs,是最新的14版本，而且用的最新的app router结构。 在最新的版本所有的js文件都默认是server component,如果设置成client component需要主动声明"use client". 在这这种情况下就涉及到一个问题，如何优雅的嵌入client component. 比如我在一个/home页面下面，其他的部分都是静态的，可以用server component,但是login按钮肯定是client component，目前我查到的就是，要给这个login按钮单独写一个js文件，在文件的最顶部声名 “use client". 我的问题是能不能都混合在写一起。不要为一个小小的按钮，单独写一个文件。