Multiple material-ui tooltips open on click

Question

I'm trying to use 2 Material-UI tooltips in the same parent component. Also, I need a custom control for the open and close action of the tooltips. So, I used the open and setOpen states using the UseState hook.

How can I maintain separate states for the 2 tooltips that I use, so that I can differentiate between the respective tooltip's open and close action?

Please help. Hope I made the problem statement clear.

Duderino9000 · Accepted Answer · 2020-10-26 18:55:54Z

2

Create two separate state variables

const MyComponent = () => {
  const [open1, open1Set] = useState(false);
  const [open2, open2Set] = useState(false);
};

answered Oct 26, 2020 at 18:55

Duderino9000

2,5975 gold badges33 silver badges39 bronze badges

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

3 Comments

Noon Over a year ago

Is this the best answer for this question ?! I have the same problem but actualy I have a list of products and I cannot define their the number in advance ! Is there another solution ?

Duderino9000 Over a year ago

There's probably a better route when you have n number of items, like in a list. Can you create a new question with a sample of your code and link to it here? I'll try to help

Noon Over a year ago

I got the best solution, in case anybody is looking for : stackoverflow.com/questions/69135132/…

Collectives™ on Stack Overflow

Multiple material-ui tooltips open on click

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related