Javascript 需要在开始处显示一个元素，在最右边显示另一个元素

我使用这种react语法，需要在最右边的下拉列表附近显示包名和价格

<Select className="bags-list">
  {(this.props.bags).map(bag => (
    <option key={ bag.Name } value={ bag.Name }>
      { bag.Name } {'$'}{(bag.sellPrice) ? bag.sellPrice : bag.Price}
    </option>
  )}
</Select>

---

可以在标记之间渲染任何需要的内容。 所以你可以这样做

<option key={bag.Name} value={bag.Name} className="option">
  <p>{bag.Name}</p>
  <p>`$ ${bag.sellPrice || bag.Price)}`</p>
</options>

---

至少把你的代码格式化成代码…@MYS你能分享一下你想要的图片吗

.option {
  width: 100%;
  display: flex;
  justify-content: space-between;
}