Question

我刚刚开始学习React并尝试找出一些模式。有没有办法在不使用函数的情况下做这样的事情：

public class Category{
  public int Id { get; set; }
  public string Name { get; set; }
  public ICollection<Category> PriorCategories { get; set; }
}

我意识到我可以将它全部分配到一行，但这并不可取。仅仅为几行创建一个新组件对我来说似乎也不值得，特别是如果它不会在其他地方使用的话。

编辑：有些人可能想知道为什么不只是使用一个功能？我认为不使用功能可能会有性能优势。也许没有？

Answer 1

您可以将表达式包装在大括号中，JSX可以将其转换为构建DOM的函数。

render() {
  const myElement = (
    <MyComponent>
      <ChildComponent>
    <MyComponent>
  )

  return (
    <div>
      { this.state.open ? myElement : <span>Closed</span> }
    </div>
  )
}

通常值得重组，以便myElement成为一个合适的组件，而不仅仅是一个片段。

es2015中的多行分配

1 个答案: