javascript - 是否可以根据条件对齐 div？

Question

我有一个 div，我已将其设置为 align="right"。我创建了一个名为 userId 的局部变量，并为其分配了 1，我想知道是否可以以某种方式将 div 设置为左​​对齐(如果 userId === 1)，情况就是如此。
我已经尝试阅读有关条件渲染的React文档，但我不相信这就是我正在寻找的内容，因为它们都处理渲染，而我想要对齐的div是由导出函数返回的，所以未使用渲染函数。

export function MessageRow({ message, fetch }) {
  return (
    <div>
      <br />
      <div align="right" className="Message-Body">
        <div className="Message-row-header">{message.user}</div>
        <div>{message.content}</div>
        <div className="muted-text">
          (Sent: {new Date(message.timestamp).toUTCString()})
        </div>
        <div>
          <button
            className="block"
            onClick={() => messageService.delete(message.id).then(fetch)}
          >
            Delete
          </button>
          <button className="block">Edit</button>
        </div>
      </div>
    </div>
  );
}

这就是我目前所拥有的，并且正在考虑尝试如下所示的功能，但我不确定如何将其应用于 div。

function checkMessageUserID(userId) {
  if (userId === 1) {

  }
}

Answer 1

从 render() 的 Angular 来看，它仍然被使用，不是吗？

所以你仍然可以做你想做的事:

return (
  <div><br />
  {userId !== 1 ?
    <div align="right" className="Message-Body">
    :
    <div align="left" className="Message-Body">
  }
  ...