React : How to pass array of ids to method [duplicate]

Question

I have a table which have a button and button have onClick() function, I am passing a method to onclick, But the ids are in an array.

i can console.log like props.requests[0].objectId.

const actionButton = (published) => {
    if (props.userType === 'crick') {
      if (props.data.verified) {
        return published === true ? <Label>Published</Label> : <Button basic onClick={() => scoreAction(// Have to pass ids here)} >Publish</Button>;
      }
    }
}

And the table is below from the above code.

   <Table.Body>
      {props.loanRequests.map((value, i) =>
    (<Table.Row key={i}>
      <Table.Cell> {value.cric.name}  </Table.Cell>
      <Table.Cell> {value.runs}  </Table.Cell>
      <Table.Cell> {actionButton(value.published)} </Table.Cell>
    </Table.Row>))}
   </Table.Body>

How can i pass the array of ids to the button's onclick function method.

Note : Semantic UI is in use.

Question updated.

Gammer
– Gammer

2017-10-30 13:46:40 +00:00
Commented Oct 30, 2017 at 13:46 — Gammer
– Gammer, Commented Oct 30, 2017 at 13:46
Where are those ids?

Hemerson Carlin
– Hemerson Carlin

2017-10-30 13:48:37 +00:00
Commented Oct 30, 2017 at 13:48 — Hemerson Carlin
– Hemerson Carlin, Commented Oct 30, 2017 at 13:48

Brian Glaz · Accepted Answer · 2017-10-30 13:53:10Z

2

Why not pass the entire object in to actionButton?

<Table.Cell> {actionButton(value)} </Table.Cell>

Then inside actionButton you can reference the properties.

const actionButton = (request) => {
    const {id, published} = request;
    if (props.userType === 'crick') {
      if (props.data.verified) {
        return published === true ? <Label>Published</Label> : <Button basic onClick={() => scoreAction(id)} >Publish</Button>;
      }
    }
}

answered Oct 30, 2017 at 13:53

Brian Glaz

15.7k4 gold badges40 silver badges55 bronze badges

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

Collectives™ on Stack Overflow

React : How to pass array of ids to method [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related