gpt4 book ai didi

javascript - react .js : Set Prop only when condition is true

转载 作者:行者123 更新时间:2023-11-29 16:11:22 25 4
gpt4 key购买 nike

我是 react.js 的新手,在将 Prop 传递给 child 时遇到了一些麻烦。我想做这样的事情:

render: function(){
var idProp = this.props.id ? 'id={this.props.id}' : null;
return (
<div {idProp} />
);
}

所以只有当条件为真时,prop id 才应该被传递。但是上面的代码不起作用。这可能吗?我究竟做错了什么?谢谢!

最佳答案

var idProp = this.props.id ? 'id={this.props.id}' : null; 在你的代码中应该用javascript方式编写。您还必须将“id=”移动到 JSX 语法。

render: function(){
var idProp = this.props.id ? this.props.id : null;
return (
<div id={idProp} />
);
}

JSX 编译器首先将代码转换为纯 js。要创建 dom 元素,它使用 React.createElement(...) 函数。为了识别函数的参数,JSX 编译器需要元素的属性名称是静态的。上面代码的转换后的 javascript 将是..

render: function(){
var idProp = this.props.id ? this.props.id : null;
return (
React.createElement("div", {id: idProp})
);
}

关于javascript - react .js : Set Prop only when condition is true,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26951617/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com