Necesito ayuda, ¿hay alguna forma posible de enviar el useEffect submitInput de search.js a AllThemeContext.js para usarlo como valor de Provider? Ambos están en dos archivos separados. Por favor hice esta pregunta y nadie me ha respondido por favor ayúdenme. No quiero mover la búsqueda al contexto, quiero que permanezcan en archivos separados.
/ Buscar js /
/*Import*/ import React, { useState } from "react"; import "./Search.scss"; /*Component*/ const Search = () => { const [input, setInput] = useState(""); const [submittedInput, setSubmittedInput] = useState(""); const onFormSubmit = (e) => { e.preventDefault(); setInput(""); }; return ( <> <div className="Search"> <form onSubmit={onFormSubmit} className="Search__form"> <input value={input} onChange={(e) => setInput(e.target.value)} type="text" placeholder=" Title, companies, expertise, or benefits" style={{ fontFamily: "Poppins, FontAwesome" }} ></input> <button onClick={() => setSubmittedInput(input)}>Search</button> </form> </div> </> ); }; export default Search;
Todo el contexto del tema :
import React, { createContext, useState } from "react"; export const AllContext = createContext(); const AllContextProvider = (props) => { const [input, setInput] = useState(); const [numbs, setNumbs] = useState(1); return ( <AllContext.Provider value={{ input, numbs }}> {props.children} </AllContext.Provider> ); }; export default AllContextProvider;