How to access parent array variable/prop from child array in React?

Question

I'm creating elements in React through arrays.

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

...

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

I want the child array to be able to access the parent prop value.

I'm using react-final-form with the FormSpy, which is when I ran into this issue. I can't change much about the situation I'm in.

Gaël S · Accepted Answer · 2019-07-14 09:57:56Z

2

Don't know how final-form might impact your code from what you share but using a function should fix your problem.

Depending on where it's declared you might need to pass childArray as an argument as well but otherwise:

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

...

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

answered Jul 14, 2019 at 9:57

Gaël S

1,5598 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to access parent array variable/prop from child array in React?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related