выдать возвращаемую строку из компонента в ReactJS

Question

У меня есть компонент в 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
        }
    }

Я хочу использовать этот компонент, так как он хранит все наши пользовательские значения, но я не могу передать содержимое другому компоненту, поскольку он просто распознает его как компонент. К вашему сведению, я этот компонент возвращаю много разных вещей, поэтому я не хочу менять компонент в целом, просто хочу, чтобы выходные данные этого возврата c были только строкой

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

Кто-нибудь знает, что я делаю не так?

Answer 1

Не знаю, правильно ли я понял вашу проблему, но вывод компонента всегда будет элементом React. Если вам нужно извлечь из него некоторые данные, возможно, вы можете создать метод stati c для его извлечения. Но, честно говоря, похоже, что вам нужно хранить эти данные где-то еще.