如何為文本區域鍵入道具反應打字稿

Question

我有一個看起來像這樣的反應組件：

import { TextareaHTMLAttributes} from 'react'
import styled from 'styled-components'

const TextAreaElement = styled.textarea`
  border-radius: 40px;
  border: none;
  background: white;
`

const TextArea = (props: TextareaHTMLAttributes<any>) => {  <--- replace <any> here
  return <TextAreaElement {...props} />
}

我知道我可以做這樣的事情，但不想手動添加每個道具：

const TextArea = ({placeholder} : {placeholder: string}) => {
  return <TextAreaElement placeholder={placeholder} />
}

Answer 1

您可以將道具作為常規 HTML 元素傳遞

import React from "react";

const CustomTA = (props: React.HTMLProps<HTMLTextAreaElement>) => {
  return <textarea {...props} />;
};