reactjs - 有没有 Ionicons : Icon props?

Question

所以我在写一个功能组件吧，我写了一个 props。
所以我希望它能够自动建议名称属性。像这样

import { Ionicons } from "@expo/vector-icons";

export interface ownWrittenProps {
  leftIcon?: ????????;
}

所以当人们开始输入 leftIcon=" 它可以从 Ionicons 中建议可接受的图标名称我想使用它的原因是因为它打包到 ios/apk 包。我应该在 ????????? 中输入什么，以便它可以建议名称？

另一个问题，如果我的 ChildComponent 中有一个文本框，我该如何从父组件中检索文本/值？

Answer 1

@expo-vector-icons 为每个图标类型公开一个 glyphMap。您可以使用它来生成名称建议。

import { Ionicons } from '@expo/vector-icons';

export interface ownWrittenProps {
  leftIcon?: keyof typeof Ionicons.glyphMap;
}

这将从 map 创建一个类型，然后确保在设置 leftIcon 时只能使用该类型的键。