How to make other button functions automatically run when a button is clicked

Question

I clicked the Button and executed the onClickUserId function.
Then, if I run this function, I want to run the onClickListContent Button function as well. I don't know what to do.

I want to display the argument value in the console.log so that onClickListContent is automatically clicked when the onClickUserId value is clicked.

 const onClickUserId = (id) => { console.log(id) } const onClickListContent = (Content) => { console.log(Content); }; return ( <div> <> <div> <button onClick={() => onClickUserId(3)}>click</button> </div> </> <> <div> <button onClick={() => onClickListContent(6)}>click</button> </div> </> </div> )

I tried to put the onClickListContent.click() function in the onClickUserId function, but it cannot be executed because of the argument value. How should I write the code?

@MohammadSalehi It seems that the content is not the same as mine. — minsu123
– minsu123, Commented Apr 15, 2022 at 9:48

sathya reddy · Accepted Answer · 2022-04-15 09:50:27Z

import {useRef} from 'react' export default function App() { const ref = useRef() const onClickUserId = (id) => { console.log(id); ref.current.click(); }; const onClickListContent = (Content) => { console.log(Content); }; return ( <div> <> <div> <button onClick={() => onClickUserId(3)}>click</button> </div> </> <> <div> <button ref={ref} onClick={() => onClickListContent(6)}>click</button> </div> </> </div> ); }

you can create a reference to that button and use it trigger the click function.

Mohammad Salehi · Accepted Answer · 2022-04-15 09:54:09Z

use react useRef() hook:

 const listContentBtn = useRef(null); const onClickUserId = (id) => { console.log(id) listContentBtn.current.click() } const onClickListContent = (Content) => { console.log(Content); }; return ( <div> <> <div> <button onClick={() => onClickUserId(3)}>click</button> </div> </> <> <div> <button onClick={() => onClickListContent(6)} ref={listContentBtn}>click</button> </div> </> </div> )

Collectives™ on Stack Overflow

How to make other button functions automatically run when a button is clicked

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related