Estoy tratando de construir un sitio web de directorio con ReactJS como frontend y Python Flask como backend. Estoy tratando de pasar las entradas de texto en mi searchbar.js a mi secuencia de comandos de Python, pero no puedo encontrar una manera de mostrar los datos que pasé desde la interfaz en mi backend para asegurarme de que realmente pasé los datos.
Aquí está mi searchbar.js donde intenté almacenar los datos en una variable y lo pasé a la ruta api que hice en python:
function SearchBar() { const [searchedText, setSearchedText] = useState(""); let navigate = useNavigate(); const onSearch = () => { navigate(`/search?q=${searchedText}`); fetch('/ML/search',{ method: 'POST', body: JSON.stringify({ content:searchedText }) }) }; return ( <div> <Input.Search placeholder="Enter keyword..." onChange={(e) => { setSearchedText(e.target.value); }} onSearch={onSearch} onPressEnter={onSearch} enterButton></Input.Search> </div> ); } export default SearchBar;aquí está mi ruta api en python para obtener los datos que se pasaron desde mi interfaz:
@app.route('/ML/search', methods=['POST']) def search(): request_data = json.loads(request.data) searchData = request_data['content'] return searchDataEntonces, básicamente, lo que quiero que suceda es que quiero pasar la entrada en mi searchbar.js a mi backend de Python y almacenarla como una variable para poder usar esa variable para buscar una columna en SQL
Puede usar el siguiente código para imprimir los datos en la consola.
const onSearch = () => { navigate(`/search?q=${searchedText}`); fetch('/ML/search',{ method: 'POST', body: JSON.stringify({ content:searchedText }) }).then(response => response.json() .then(data => ({ data, response }))) .then(({ data, response }) => { console.log(data) }) };