How to use same function in two components where in 1st component, one parameter is an dto and in a second component, its dto array, in React

Question

In React.js I have a function which receives two parameters (id: string, User: UserDto), I want to use this function in two different components, on a first components, it works fine but on a second components, I need User to be not UserDto but UserDto[].

In my reusable function, how can I pass User so it can work as UserDto in one component and as UserDto[] in a second component?

Can you clarify your situation a bit more? In one component you have Your question leaves things a bit ambiguous, but I think you are saying that in one component you havefunction foo(id: string, User: UserDto) { .... } and in another component you want .... what? — Greg Fenton
– Greg Fenton, Commented Nov 27, 2023 at 16:08
in another component, function foo(id: string, User: UserDto[ ]){ .... } — NikaA3
– NikaA3, Commented Nov 27, 2023 at 16:20
But that would be an entirely different function, right? So you cannot "reuse" it. — Greg Fenton
– Greg Fenton, Commented Nov 27, 2023 at 16:22

Oak · Accepted Answer · 2023-11-27 17:02:48Z

1

You can modify component one to expect an array as well, and use the index 0 value passed to it. This would be fine, even if component one is only ever sent one value.

That way you can use the same function and pass the same parameters for both.

edited Nov 27, 2023 at 17:02

answered Nov 27, 2023 at 16:41

Oak

3521 silver badge7 bronze badges

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

Collectives™ on Stack Overflow

How to use same function in two components where in 1st component, one parameter is an dto and in a second component, its dto 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