I have a code block for submitting a log entry on a particular date. import React from "react"; import { StyleSheet, View, TextInput, Pressable } from "react-native"; import { Ionicons } from "@expo/vector-icons"; import DateTimePicker from "@react-native-community/datetimepicker"; import { Keyboard…
How can I link to the corresponding child React component using Link from react-router-dom? By passing an id to the url. Now I'm getting the id, but the component isn't rendered. https://codesandbox.io/s/test-login-page-tasks-rmfn5j?file=/src/components/Taskslist.js Parent component const ParentComponent = ({ Tasks })…
I'm using i18next and redux-toolkit in my mobile project, I got and menu-list static data, it simply like this. const menuListData = [ { id: 1, titleT: 'title1', }, { id: 2, titleT: 'title2', }, ]; export default menuListData; just…
Suddenly i got a compilation error after moving js files but i undo it it still Here is my index.html code <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>React App</title> </head> <body> <div id="roOt"></div>…
I’m building a small project in React where part of it displays the value of the checked box or boxes. Project description: There are 4 checkboxes in total. Each checkbox represents one of the following colors: Red, Blue, Green and…
I am trying to use a useRef between 2 components which are not directly linked. How? Since useRef is a hook, I cant just add this to some file and share it. export const someRef = React.useRef(); // not possible,…
Hey so I'm test react app with cypress and having a fake api with json-server. When I run some of the test, it will change the datebase my db.json file. So the plan was to restore the database after each…
I am trying to increase the number of items in my cart using Redux (toolkit) in React native. I have created an add to basket reducer but upon clicking on the Plus button to increase the number of items, I…
I would like to have my textfields automatically disabled, but when I click the 'Edit' button, it enables them for editing, and clicking it again would disable them again but saves the edits in the textfield. I have tried using…
I want to convert pure React app to NextJs app. In React app I'm importing .scss CSS files in multiple places of components. Once I move the code into Next.js environment it is showing error: Gobal CSS cannot be imported…