请问,函数组件如何定义默认props?
来源:6-4 最受欢迎的CSS-in-JS方案 - Emotion的安装与使用

卷狗
2021-12-25
请老师帮我看一下…真的给我整不会了…实在不知道该怎么玩了…百度和掘金快一小时了,实在找不到解决办法 …
import React from 'react';
import styled from '@emotion/styled';
type props = {
label: string;
value: string;
/** 我需要为之定义默认值 */
labelColor?: string;
/** 我需要为之定义默认值 */
valueColor?: string;
};
export default function LabelValue(props: props) {
return (
<LabelValueWrap className="LabelValue">
<div className="label">{props.label}</div>
<div className="value">{props.value}</div>
</LabelValueWrap>
);
}
/** 我需要将labelColor与valueColor的值填入此处 */
const LabelValueWrap = styled.div`
display: flex;
font-size: 0.12rem;
> .label {
font-weight: 600;
color: #666;
&::after {
content: ':';
display: inline-block;
margin: 0 0.03rem;
}
}
> .value {
color: #333;
}
`;
写回答
2回答
-
试试这样
062021-12-25 -
卷狗
提问者
2021-12-25
我这样写会报一堆错...!
00
相似问题