以字串形式取得介面或類型的鍵的方法
P粉884667022
P粉884667022 2023-08-31 19:50:44
0
1
499
<p>我有一個被定義為介面的Patient實體</p> <pre class="brush:php;toolbar:false;">export interface Patient { name: string; greeting: string; }</pre> <p>我想要建立一個表頭,它將顯示我的Patient介面中的每個鍵,而無需在渲染函數中明確地修改它們,因為我將繼續向介面中新增或刪除鍵。 </p> <p>我在思考以下偽代碼</p> <pre class="brush:php;toolbar:false;"><tr> keys of Patient.map((key) => <th>key.toString()</th>) </tr></pre> <p>問題是,我似乎無法將偽代碼轉換為實際代碼。我嘗試過使用類型和接口,並且已經嘗試了一段時間,但是我似乎無法理解這個問題。 </p> <p>我正在努力提高對Typescript的了解,並在React中發揮其潛力,非常感謝任何幫助 :)</p>
P粉884667022
P粉884667022

全部回覆(1)
P粉627136450

在運行時介面實際上並不存在。它們只存在於編譯和linting過程中。因此,在運行時無法列出接口的鍵。你能做的最好的方法是為你的介面建立一個虛擬物件:

const dummyPatient: Patient = {name: "", greeting: ""}

然後取得dummyPatient的鍵:

<tr>
    {Object.keys(dummyPatient).map((key) => <th>{key}</th>)}
</tr>
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!