Tengo una lista de ofertas, cada una de las ofertas se puede eliminar cuando se hace clic en una ventana emergente. Si el usuario hace clic en la opción de eliminar en la ventana emergente, se abre un modal encima de todo, para que el usuario confirme la eliminación, pero no hay comentarios visuales sobre qué oferta (de muchas) se está eliminando.
Quiero que el padre tenga un borde cuando el usuario haga clic en eliminar en el modal. Lo intenté con el enfoque interno, pero no funcionó cuando modal estaba abierto, tal vez porque modal es en realidad un React Portal.
¿Alguna idea de cómo lograr lo que quiero?
si asigna estos componentes, agregue un estado en la clase principal y verifique si la identificación actual y hace clic en esa identificación de botón igual, luego agregue el estilo de clase de enfoque de lo contrario como de costumbre
<div tabIndex="0" className={`relative Parent ${item.id == currentOpenId ? "focusStyle" : null}`}> <div className="sofOverview"> <Component /> // returns the code below </div>
esperado.
¿Por qué no hace una cosa, cuando hace clic en la opción Eliminar en la ventana emergente para abrir un nuevo modal para confirmación, agregue un borde o cualquier indicador visual que desee a su div principal que contiene esa ventana emergente? Porque en el momento de hacer clic en la opción de eliminar en la ventana emergente, sabrá para qué oferta ha abierto la ventana emergente . ¿Por qué exactamente desea agregar el indicador a su padre cuando se abre el modal de confirmación y se hace clic en el botón Eliminar dentro del modal, porque de todos modos, después de hacer clic en el botón Eliminar, se eliminará su oferta? Por lo tanto, agregar el indicador en el nivel de popover está bien.