将可变内容输出到React Component

Question

我有这个：

let arr = [
{ name:"string 1"},
];

我用这个找到了价值：

let obj = arr.find(o => o.name === 'string 1');

那么我试图将CCD_ 1输出到我的react组件。

class Links extends Component {
render() {
return (
<React.Fragment>
<Link to="/" className="navbar-brand">
{ obj } 
</Link>

上面写着Uncaught Error: Objects are not valid as a React child (found: object with keys {name})

我是新手，所以不知道如何正确地做这件事。。。感谢4的帮助：(

Answer 1

这里的问题是，您正在字符串打印一个不允许的对象。

如果您尝试运行此程序：

let arr = [
{ name:"string 1"},
];
let obj = arr.find(o => o.name === 'string 1');
console.log(obj); //{name: "string 1"}

你会发现obj是一个有键值对的对象。因此，您需要做的是用{obj.name}替换{obj}