Tengo una React-Table y uso el filtro global de React. El filtrado funciona con la función OnChange, pero quiero establecer una cadena predeterminada en mi campo de entrada y activar la función de filtrado. Este es mi componente:

 import React from "react"; export const GlobalFilter = ({ filter, setFilter }) => { return ( <span> <input id="globalFilterOrderHistory" className="input searchHistoryOrder" placeholder="Search" value={filter || ""} onChange={(e) => setFilter(e.target.value)} /> <i className="fa fa-search fa-1_5" /> </span> ); };

Intenté agregar algo como esto:

 useEffect(()=>{ setFilter("projekt"); })

El filtro ahora está configurado en String "projekt", pero ahora no puedo escribir algo en InputField.