是的,您可以使用数组作为内容声明。
复制代码到剪贴板
import { t, type Dictionary } from "intlayer"; const exampleContent = { key: "example", content: { test: t({ en: ["Test", "Test2", "Test3"], fr: ["Test", "Test2", "Test3"], es: ["Test", "Test2", "Test3"], }), }, }; export default exampleContent;
然后您可以这样使用内容:
import { useIntlayer } from "react-intlayer"; const Example = () => { const content = useIntlayer("example"); return ( <div> {content.test.map((item) => ( <div key={item.value}>{item}</div> ))} </div> ); };
<script setup lang="ts"> import { useIntlayer } from "vue-intlayer"; const content = useIntlayer("example"); </script> <template> <div> <div v-for="item in content.test" :key="item.value"> {{ item }} </div> </div> </template>
.value 允许您获取内容的值,而不是被 IntlayerNode 包装的内容。
.value
IntlayerNode