在reactjs中如何在map函数的返回中设置条件？

const data = [1, 2, 3, 4, 5];

const result = data.map((item) => {
  if (item % 2 === 0) {
    return <div>{item}</div>;
  }
  return null;
});

// 渲染result数组
ReactDOM.render(result, document.getElementById('root'));

const data = [1, 2, 3, 4, 5];

const result = data.map((item) => (
  item % 2 === 0 ? <div>{item}</div> : null
));

// 渲染result数组
ReactDOM.render(result, document.getElementById('root'));