首頁猿問如何在JavaScript文件中配...

如何在JavaScript文件中配置類型以獲取自動建議？

JavaScript

喵喔喔 2022-09-16 21:11:00

在Javascript文件中獲取自動建議（帶有類型）應該配置什么？換句話說，給定一個用JS編寫的組件，如何獲得其道具的自動建議（這是可能的，請閱讀所有問題）。我正在嘗試獲取簡單按鈕組件的自動建議（以獲取“紅色”或“藍色”的建議），類似于MUI中的組件。// Would like the IDE so suggest "red" or "blue" on changing color propconst App = () => { return <Button color="red" />;};// Button.jsimport React from "react";const Button = ({ color }) => <button style={{ color }}>Button</button>;export default Button;// ButtonTypes.d.tsexport interface Button { color: "red" | "blue";}

查看完整描述

2 回答

HUH函數

TA貢獻1836條經驗獲得超4個贊

在此處查看更改。

// Button.d.ts

import * as React from "react";

declare const Button: React.FC<{

color: "red" | "blue";

}>;

export default Button;

// App.js

const App = () => {

return (

{/* Auto-suggests "red" and "blue" */}

</>

);

};

您需要使用與相同的名稱來命名該文件。此外，您需要聲明，而不僅僅是道具。.d.ts.jsButton

反對回復 2022-09-16

守著星空守著你

TA貢獻1799條經驗獲得超8個贊

在JSDoc中使用類型腳本有另一種選擇，它允許在javascript文件中出現語義錯誤：

// App.js

// @ts-check

const App = () => {

return (

{/* Shows a WARNING! */}

</>

);

};

// types.ts

import type { CSSProperties, FunctionComponent } from "react";

export type ButtonComponent = FunctionComponent<{color: CSSProperties["color"]}>;

// Button.js

import React from "react";

/**

* @type {import("./types").ButtonComponent}

const Button = ({ color }) => <button style={{ color }}>Button</button>;

export default Button;

反對回復 2022-09-16

2 回答
0 關注
120 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何在JavaScript文件中配置類型以獲取自動建議？

如何在JavaScript文件中配置類型以獲取自動建議？

2 回答

添加回答

如何在JavaScript文件中配置類型以獲取自動建議？