I am trying to set data received from a GET request from an API using axios. But the value which is getting set is undefined even though console.log gives me the correct output. const[movie, setMovie] = useState({}); useEffect(()=>{ const baseURL…
I am trying to create a real-time chat app. I set up my soket.io for the server as well as for client-side code, I am using react. I have several consoles and all of them logging the correct data. However…
import './App.css'; import Axios from 'axios'; import {useState} from 'react'; function App() { const [name, setName] = useState(''); const fetchData = () => { Axios.get(`https://api.agify.io/?name=${name}`).then((res)=> { console.log(res.data) }) } return ( <div className="App"> <input placeholder='Ex. John' onChange={(e)=> {setName(e.target.value)}}></input> <button onClick={fetchData()}>Predict…
I want to validate the input value using regex. The value should be string without white space at the beginning. But accept space in the middle. This value only accepts alphabets. Example: " abcde" -> not accepted "abcdef lksfksl" ->…
I am new to React, so apologies about the probably simple question. Assume I have the following code: const myComponent = () => { const [someVar, setSomeVar] = useState(0); // Other code useEffect(() => { // Do something }, [someVar]);…
Hi I have probleb with ESLINT setup, for my TS, expo, react-native project. I have added TS, import type, and have 'parsing error' from standard. my configs: babel.js: module.exports = function (api) { api.cache(true) return { presets: ['babel-preset-expo', ] }…
I made custom useFetch hook that is responsible for sending request to the API. Hook returns object with isLoading state, error state and function that triggers fetch request. Problem is when i use it in component and i trigger sendRequest…
I have tried by best to figure out the issue but everything I tried so far has not been working. This is what my App.js looks like: import './App.css'; import {ChakraProvider} from '@chakra-ui/react' import Header from './components/Header' import Hero from…
Believe me, I don't have any idea about this and I can share the error with you: Compiled with problems: ERROR in ./node_modules/@react-spring/core/dist/index.mjs 1596:0-45 Module not found: Error: Can't resolve '@react-spring/types/animated' in '/Users/oguzhantufenk/Desktop/Siblings projects/Barbearians-Front-End/node_modules/@react-spring/core/dist' Did you mean 'animated.js'? BREAKING CHANGE:…
const Calculatorpage = () => { function calculate() { const firstNum = Number(document.getElementById('firstNum').value) const secondNum = Number(document.getElementById('secondNum').value) const symbol = document.getElementById('symbol').value const result = document.getElementById('result') console.log("im in"); let res switch (symbol) { case "+": res = secondNumber + firstNumber break;…