javascript - 将变量内容输出到 React 组件
问题描述
我有这个:
let arr = [
{ name:"string 1"},
];
我用这个找到了价值:
let obj = arr.find(o => o.name === 'string 1');
然后我试图输出obj
到我的反应组件。
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的帮助:)
解决方案
这里的问题是,您试图打印一个不允许的对象。
如果您尝试运行此程序:
let arr = [
{ name:"string 1"},
];
let obj = arr.find(o => o.name === 'string 1');
console.log(obj); //{name: "string 1"}
您会发现 obj 是一个具有键值对的对象。所以,你需要做的是替换{obj}
为{obj.name}
推荐阅读
- sas - SAS proc sql内部连接没有重复
- php - 在 PayPal 中,是否可以使用普通按钮而不是 paypal 按钮进行结帐?
- reactjs - 为什么 Reactjs 必须重用 HOC 中的代码?
- xaml - UWP xaml 逻辑:
- spring - Spring Security Java 配置:如何通过逻辑或组合需求?
- java - windows TAPI api通过java
- database - 如何为使用 JPA 嵌入的 Apache Derby 提供数据库凭据?
- r - 将缺少的 XML 标记读取为 0 或 NA?
- json - 使用 Outlook rest api 更新事件时出错
- javascript - 根据不同的数据列更新悬停工具提示