Javascript 对功能反应中某一实践的困惑

我的应用程序中有一个React组件

RecordsView

，如下所示

const RecordsView = ({data}) => {
  return (
    <SearchBar/>
    <Table
      data={data},
      columns=[
        {id : 'name', header : 'Name', renderAs : (v) => <b>{v}</b>}
      ]
    />
  )
}

我的问题有几个相关的子问题

这种做法不好吗？我使用类似的方法来呈现表单字段

这不是反对纯函数式编程吗

在重新呈现组件时，

RecordsView

的实例不会被垃圾收集，因为对

列的全局引用在函数之外

---

您有一些语法错误，但除此之外，不，这不是一种不好的做法，不，它不反对纯函数式编程，也不，它不阻止垃圾收集。@PatrickRoberts对语法错误表示抱歉。我在SO编辑器中为最小示例编写了代码。函数访问外部变量不是违反函数编程吗？请详细说明。闭包在FP中是完全允许的……您有一些语法错误，但除此之外，不，这不是一种不好的做法，不，它不反对纯函数编程，也不，它不阻止垃圾收集。@PatrickRoberts对语法错误表示抱歉。我在SO编辑器中为最小示例编写了代码。函数访问外部变量不是违反函数编程吗？请详细说明。FP中完全允许关闭。。。

const columns = [
  {
    id : 'name',
    header : 'Name', 
    renderAs : (v) => <b>{v}</b>}
]