Question

我正在通过数组在React中创建元素。

childArray.push(
    <span className={value}>
    </span>
)

...

parentArray.push(
      <Element>
          {({ value }) => (
              {childArray}
          )}
      </Element>
)

我希望子数组能够访问父属性value。

我将react-final-form与FormSpy一起使用，这是我遇到此问题的时候。我不能对自己所处的状况进行太多更改。

Answer 1

不知道最终形式会如何影响共享代码，但是使用函数可以解决您的问题。

根据声明的位置，您可能还需要传递childArray作为参数，但是否则：

function renderChildArray(value) {
  return childArray.push(
     <span className={value}>
      </span>
  )
} 

...

parentArray.push(
      <Element>
          {({ value }) => renderChidArray(value))} 
      </Element>
)

如何在React中从子数组访问父数组变量/ prop？

1 个答案: