问题从 ReactJS 中的组件返回字符串答案

【问题标题】：issue returning string from component in ReactJS问题从 ReactJS 中的组件返回字符串
【发布时间】：2020-05-26 21:30:18
【问题描述】：

我在 ReactJS 中有一个组件，我想调用它只返回一个字符串。如果我在组件本身内，我可以控制返回对象的值，它确实返回一个字符串，但是当我控制组件时它返回一个对象

页面内容

render(){
<Portrait displayFromAPIID={content.Author._id} returnNameOnly={true}></Portrait>
}

这会在 HTML 中呈现正确的输出，但我想在元标记中使用输出，所以我只想要字符串本身，而不是 JSX；

组件

getNameOnly() {
        let staffMembers = this.selectStaffMembers();
        console.log(Object.values(staffMembers)[2])
        return Object.values(staffMembers)[2];
    }
render() {
        const name = this.getNameOnly();
        if(this.state.returnNameOnly === true){
            return name
        }
    }

我想使用这个组件，因为它存储了我们所有的用户值，但我似乎无法将内容传递给另一个组件，因为它只是将其识别为一个组件。仅供参考，我只是让这个组件返回很多不同的东西，所以我不想整体改变组件，只是希望这个特定返回的输出只是一个字符串

<meta name="author" content="[object Object]" data-react-helmet="true">

有谁知道我做错了什么？

【问题讨论】：

遇到同样的问题，请问您最终找到解决方案了吗？

标签： reactjs components jsx

【解决方案1】：

我不知道我是否理解你的问题，但组件的输出总是会是一个 React 元素。如果您需要从中提取一些数据，也许您可以创建一个静态方法来提取它。但老实说，您似乎需要将这些数据存储在其他地方。

【讨论】：