I am struggling to achieve a demanded effect. I have a following code structure: <div className="font-sans h-screen overflow-auto"> <> <div className="flex justify-center items-center w-full flex-col"> <div className="flex w-full"> <div className="sm:w-full md:bg-lightBlue bg-white pb-6 sm:pb-16 p-4 sm:p-14 sm:pt-2"> <div className="mx-auto px-4">…
I have a base64 of a .txt file and I want to display it in React. The file looks like this: ID:948201 name:"someText" description:".txt" base64File:"QU5URSBQVVBBQ0lDIEtSQUFBQUFBQUFBQUFMSg==" Can I display the text of the document, which is "ANTE PUPACIC KRAAAAAAAAAAALJ", somehow on…
I have built a test project that has a simple api where the front end interacts with the backend and receives a string back. I built this project to test how I would host this on aws ec2 instances. What…
I can't hide image broken icon. If I display none, it will not display my css. <img className="card__image" src={image ? image : ""} alt={name || ""} /> I want to remove just broken icon without touching css example
I know the regular refetching of the data in useQuery const fetchData = async()=>{...} // it starts fetching data from backend with this line of code const {status, data, error, refetch } = useQuery( myKey, fetchData(), { enabled: false, }…
I am following along with a netflix clone project off of youtube that was put out about 6mo ago. Since the tutorial came out I believe firebase/firestore and react have released newer versions of themselves which seems to be causing…
I'm stuck in a problem related to react useState and not sure how to solve it. Some background. I've a register form with validation on blur on each field. The validation works if I blur individual field which is basically…
When I call my permissionCheck it doesn't return true or false. The permissions useState is full. This is the part of my code: const [permissions, setPermissions] = useState({}); const permissionCheck = (permission) => { var i; for (i = 0;…
I have three columns and I wanted to add a column for removing each row. I need to add a column for "removing" on the right. Is it possible? How will I do it? CODESANDBOX: CLICK HERE const CustomTableRow =…
How can I pass a setter function (useState) as prop using navigation.navigate? I have it set up as the following: const [firstName, setfirstName] = useState(''); const [dob, setDOB] = useState(''); const [medicalConditions, setMedicalConditions] = useState(''); const [allergies, setAllergies] = useState('');…