javascript - 类型“（CSSProperties | undefined）[]”不可分配给类型“属性”'

Question

我有像这样的非常简单的 tsx 组件

import React, { CSSProperties } from "react";

const INPUT: CSSProperties = {
  display: "flex",
  flexDirection: "row",
};
const TEXT_INPUT: CSSProperties = {
  fontWeight: "bold",
  marginRight: "10px",
};
const CONTAINER: CSSProperties = {
  alignItems: "center",
  justifyContent: "center",
  display: "flex",
};
export interface AddNoteInterface {
  style?: CSSProperties;
}
export default function AddNote(props: AddNoteInterface) {
  const { style } = props;
  return (
    <div style={[CONTAINER, style]}>.  <----- ts complaint here
      <div style={INPUT}>
        <div style={TEXT_INPUT}>Text input</div>
        <input />
      </div>
    </div>
  );
}

但是当我将数组用于多样式时，它给了我错误：

Type 'CSSProperties[]' is not assignable to type 'Properties<string | number, string & {}>'.
  Types of property 'filter' are incompatible.

发生什么事？？？请帮忙，非常感谢

标签： javascriptreactjstypescript