[英]How can i get children component in nextjs?
我需要构建一个钩子来做一些通用的 styles 并在我的项目中使用它。 我尝试执行以下操作:
export const textStyles = () => {
const styles = {
TextMd,
};
return styles;
};
const TextMd: React.FC<{ className: string }> = ({ className }) => {
return (
<p
className={`block transform transition-colors duration-200 py-2 hover:text-gray-800 text-gray-800 .leading-relaxed ${className}`}
></p>
);
};
我这样使用它:
import { textStyles } from '../utils/stiles.tsx'
const { TextMd } = textStyles();
<TextMd>Hello world</TextMd>
只需添加 children 属性
import {ReactNode} from 'react' const TextMd: React.FC<{ className: string, children: ReactNode }> = ({ className, children }) => { return ( <p className={`block transform transition-colors duration-200 py-2 hover:text-gray-800 text-gray-800.leading-relaxed ${className}`} >{children}</p> ); };
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.