小编Ром*_*рич的帖子

带有用于自定义道具的样式化组件条件 css 的打字稿

我有 2 个类似的问题:我最近一直在使用打字稿,但我需要将我的样式组件代码验证为打字稿。

1. 我需要描述自定义道具 - 阴影,因为打字稿返回错误

属性 'shadow' 不存在于类型 'ThemedStyledProps, HTMLDivElement>, "color" | "风格" | “标题” | ... 251 更多... | “键”> & { ...; } & { ...; }, DefaultTheme>'。TS2339

 export const InputBlock = styled.div<{height: string}>`
          display: flex;
          width: 100%;
          height: ${props => (props.height ? props.height : "56px")};

          ${props =>
            props.shadow &&
            css`
              box-shadow: ${props =>
                props.shadow ? "4px 4px 10px rgba(31,31,31,0.1)" : "none"};
            `};
        `;
Run Code Online (Sandbox Code Playgroud)

2. 我如何在我的界面中描述这个 props.touched[props.name]

interface FormSchema {
  errors: {
    [name: string]?: string, // …
Run Code Online (Sandbox Code Playgroud)

typescript reactjs styled-components yup formik

4
推荐指数
1
解决办法
1307
查看次数

标签 统计

formik ×1

reactjs ×1

styled-components ×1

typescript ×1

yup ×1