如何解决JSX 中的多行 JavaScript?
是否可以在 JSX 中编写多行 js 代码?
return (
<b>{
const a = props.users.find((user) => user.id === post.userId)
console.log(a) // I want to console.log
return a
}</b>
);
解决方法
如果你想做多行 JavaScript 代码,你可以用 IIFE 包裹你的 JS 代码,例如:
<>
{(() => {
const a = [1,2,3].find((el) => el === 2)
// as much code as you want ...
// ...
// ...
console.log(a)
})()}
</>
以防万一你不知道,<>
& </>
被称为 React 片段,你可以使用任何你想要的有效 JSX 元素,例如,你可以使用 <div>
、<b>
、<p>
或类似的东西。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。