请问,函数组件如何定义默认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回答

三九z

2021-12-25

//img.mukewang.com/szimg/61c6e75d096eee6807550287.jpg



//img.mukewang.com/szimg/61c6e776099a80c908280452.jpg

试试这样

0
6
三九z
回复
卷狗
没事不客气
2021-12-25
共6条回复

卷狗

提问者

2021-12-25

//img.mukewang.com/szimg/61c6eb1f09895d4904250316.jpg

我这样写会报一堆错...!

0
0

React17+Hook+TS4 优质实践,仿 Jira 企业级项目

解锁 React17 高阶用法,轻松应对大型复杂长周期项目

2691 学习 · 1236 问题

查看课程