在三元操作中使用react JSX和HTML,无法使其正确显示


变量twitter_username解析为用户名或null。
{{twitter_username}?<p>@{twitter_username}</p>:null}

如果有用户名,我希望它显示@username;如果值为null,则不显示任何内容。如果有用户名,它会显示良好,但如果返回为null,我会得到一个@而不是什么都没有。

{{twitter_username}?<p>{twitter_username}</p>:null}

如果有用户名,则此代码返回用户名,如果没有,则为空。

{ twitter_username && (<p>@{twitter_username}</p>) }

这里,只有在定义了第一部分(twitter_username(的情况下,三元运算符的左部分才会继续向右。右边的部分是返回jsx 的返回语句

相关内容

  • 没有找到相关文章

最新更新