Tengo un caso en el que necesito volver a renderizar un componente de reacción en un lugar diferente. Entonces, por ejemplo, tengo un componente de índice donde tengo una lista de usuarios y filtros para esta lista. Ahora necesito renderizar este componente en un lugar diferente pero sin filtros. ¿Debo crear un nuevo componente de índice casi igual y omitir los filtros de renderizado o debo pasar prop y renderizar JSX condicional?

 const Index = ({ renderFilters }) => { ... some code return ( <> ...some jsx code { renderFilters ? <Filters /> : null } <UserList> ...some jsx code </> ) }

o simplemente copie y pegue el componente de índice y

 const IndexWithouFilters = () => { ... some code return ( <> ...some jsx code <UserList> ...some jsx code </> ) }

Por supuesto, esto es solo un ejemplo y tengo un caso en el que tengo que renderizar condicionalmente más de un componente.