You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
It would be nice if the RenderList Component did not use a button as the wrapper around the item component. I know that the general use case for TransferList is managing lists of data, but being able to use buttons inside the TransferList would allow for additional behaviors without react complaining about having a button inside of a button. I've attached an image showcasing what I have put together. I have the buttons and input box in my TransferListItemComponent stop the click propagation, so it doesn't bubble up to the wrapper button.
I feel like the click handling of the list item could be done with something other than a button and then we wouldn't get the warning
react-dom.development.js:86 Warning: validateDOMNesting(...): <button> cannot appear as a descendant of <button>
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
It would be nice if the RenderList Component did not use a button as the wrapper around the item component. I know that the general use case for
TransferList
is managing lists of data, but being able to use buttons inside theTransferList
would allow for additional behaviors without react complaining about having a button inside of a button. I've attached an image showcasing what I have put together. I have the buttons and input box in myTransferListItemComponent
stop the click propagation, so it doesn't bubble up to the wrapper button.I feel like the click handling of the list item could be done with something other than a button and then we wouldn't get the warning
Beta Was this translation helpful? Give feedback.
All reactions