reactjs 使用预定义的属性值(如html标签)对组件进行React

ycl3bljg 于 2022-12-18 发布在 React

关注(0)|答案(1)|浏览(121)

我想给我的组件属性添加值，这样intellisense就可以识别并显示它，这样我就可以轻松地选择它们，而不会有任何打字错误。我还使用了react@18和JS. functional组件。

<button type="values that intellisense would show" />
<MyCustomButton type="values that intellisense would show" />

我试过使用JsDoc，但它不如html标签好：in case of having an example我想让我的组件像这样。任何帮助将不胜感激。

reactjs

来源：https://stackoverflow.com/questions/74812812/react-components-with-predefined-prop-value-like-html-tags

1条答案

按热度按时间

nwnhqdif1#

您可以使用React Typechecking with propTypes来处理它。
例如：

import PropTypes from 'prop-types';

class Greeting extends React.Component {
  render() {
    return (
      <h1>Hello, {this.props.name}</h1>
    );
  }
}

Greeting.propTypes = {
  name: PropTypes.string
};

或者你可以使用Typescript，这是Typescript擅长的。下面是正确检查https://codesandbox.io/s/test-tsx-forked-67765?file=/src/index.tsx的代码和框示例

赞(0）回复(0）举报 2022-12-18

我来回答

reactjs 使用预定义的属性值(如html标签)对组件进行React

1条答案

相关问题

热门标签

最新问答