Estoy tratando de implementar ReactToPrint, para imprimir el contenido de la función predeterminada de exportación ToDoList (que devuelve un mapa de las tarjetas Todo de otra clase).
export default function ToDoList({ todos, toggleTodo }) { return todos.map((todo) => { return <Todo key={todo.id} toggleTodo={toggleTodo} todo={todo} />; }); }La biblioteca ReactToPrint parece preferir si usa un componente de clase o un componente funcional como el siguiente.
export const ComponentToPrint = React.forwardRef((props, ref) => { return ( <div ref={ref}> <h2>Grocery List Contents</h2> </div> ); });¿Cuál es la mejor manera en que podría usar la función predeterminada de ToDoList, con ReactToPrint?
Gracias por tu tiempo.
Pude resolverlo. Solo necesitaba agregar el elemento deseado a una etiqueta de intervalo, con una nueva variable de referencia. Eso permitió que la computadora viera el componente que deseaba.
function App() { const [todos, setTodos] = useState([]); const todoNameRef = useRef(); const todoListRef = useRef(); ); <span ref={todoListRef} class="containerClass"> <ToDoList todos={todos} toggleTodo={toggleTodo}/> </span>