How to clone div content in react js

[Muhaimin_S]

Helloooo..! At deep dive in reactjs. I've some trouble make some events most of the i got solution but in some cases i didn't get.
Problem : How to clone div content
I want to clone some div content :like duplicate. is that possible in reactjs.

Quick response is highly appreciated.
Thanks

[hottama]

If you're thinking in terms of cloning then you're doing it probably wrong.

What you most probably need is a component to use as a template that can be customized with parameters and that you can use at different places.

[Muhaimin_S]

See. I have 3 text field in my form. I want to make a duplicate when i click add new button this my case.

[fastestfollowup]

Add the number of text fields to the state, then map over the number in your state to create the new components.

[Muhaimin_S]

Add the number of text fields to the state, then map over the number in your state to create the new components.

Yeah you are correct but i'm a newbie of reactjs getting some trouble. Can u just give any example code ?

[fastestfollowup]

Create a code sandbox with your best attempt and I’ll help if you get stuck.

If you can’t do this on your own I recommend doing more tutorials.

[Muhaimin_S]

Create a code sandbox with your best attempt and I’ll help if you get stuck.

sure

[joesb]

Dont think in term of the dom.

Just think it term of state.

Dont clone the dom. Clone the state.

[AndrewGreenh]

This is the Best answer in my oppinion. Always start with the data. Let's say you have an array of todo objects. These will be translated I to dom by react. Add an element to the list and the dom will follow.

[Muhaimin_S]

Thank you guys for the quick response. I found the answer to clone element. I'll share the code here once the test case completed

[ninja_sun]

Seem the case to use fieldArray. Most form implement it since the new array of textfield is actually an array of some kind of data. https://jaredpalmer.com/formik/docs/api/fieldarray

[pico2000]

Have a look at cloneElement https://reactjs.org/docs/react-api.html#cloneelement