Javascript 在React中翻译字符串

我正在尝试根据翻译的名称筛选一些数据。我试过的是

filterInput === <Translator getString={item} />

我得到的是整个对象，而不是经过翻译的字符串。我怎样才能只得到翻译过的字符串，以便比较它们

编辑：

以下是对象的结构：

$$typeof: Symbol(react.element)
key: null
props: {getString: "Vegetables"}
ref: null
type: ƒ Translator({ getString })
_owner: null
_store: {validated: false}
_self: null
_source: {fileName: "...\src\components\common\AutoCompleteBox.js", lineNumber: 14, columnNumber: 19}
__proto__: Object

---

你能发布你收到的对象的结构吗？你从

返回languageContext.dictionary[getString]| | getString

上收到的对象的结构对吗？是的，这就是结构你能在Translator函数返回之前添加

console.log（languageContext.dictionary[getString]| | getString）

吗？它不记录任何内容。我假设它仍然没有到达return语句，所以它仍然是一个对象而不是简单的字符串。实际上，只要在组件的jsx中调用它，它就会工作，但当它在JS函数中时，它就不会工作

$$typeof: Symbol(react.element)
key: null
props: {getString: "Vegetables"}
ref: null
type: ƒ Translator({ getString })
_owner: null
_store: {validated: false}
_self: null
_source: {fileName: "...\src\components\common\AutoCompleteBox.js", lineNumber: 14, columnNumber: 19}
__proto__: Object