How to get the index of an array map , out of the map function in React

Question

I am working on a React Typescript project. In here for a usage I need to get the index of the array map() to another function.

        <select className="form-control" value={cbnState} onChange={(e) => showDemographicInfo(e)}>
           {cbnArray.map((item: any, index:any) => (
              <option value={item.cbn}>{item.cbn} | {item.unit} | {index}</option>
            ))}
        </select>

In here I want to pass thin index to OnChange function (showDemographicInfo)

This is the code of onChange function

const showDemographicInfo = (event: any) => {    
if (cbnList.length > 1 && cbnState === COMBINED) {
  setLeftArrowClass(ClassModifier.IN);
  setRightArrowClass(ClassModifier.IN);
}
setCbnState(event.target.value);

if (event.target.value !== COMBINED) {
  updateUserId(event.target.value);
  setCombinedState(false);
  setUnit(unit);
} else {
  setCombinedState(true);
  updateUserId(cbnArray[1]);
}

console.log("Index ",cbnArray[]);

};

In this cbnArray[] I need to add the index. Like cbnArray[index value].

Can anyone tell me how can I do that. I tried for a long time and couldn't find a solution

do you mean to get index of option was selected inside showDemographicInfo ? — somallg
– somallg, Commented Jun 9, 2021 at 15:39

somallg · Accepted Answer · 2021-06-09 15:57:34Z

1

Simply access selectedIndex of select element will give you the selected index

  const showDemographicInfo = (event: any) => {
    const select = event.target;
    console.log(select.selectedIndex);
  };

Working sandbox

answered Jun 9, 2021 at 15:57

somallg

2,05315 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

How to get the index of an array map , out of the map function 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