Trying to do a drop-shadow hover effect in react. I thought I’d use inline style attribute so each icon can have a different color when it’s hovered over. I’m stuck on how to achieve this. In my IconGrid component I’ve created an array of objects, each has an image and the image color respectively. Then… Read More How can I use dynamic css variables in react?
Sorry, new here. I’ve got a CollectionView of objects and there fields, when I invoke the delete event using SwipeView I want to be able to use the object that was selected to pass into an SQLite query to delete that object from the database. My original plan was to use the Id of the… Read More C# Getting SwipeView Item/Object that invoked event
After the user registers, I want to show his email on another page. In the true case, I have it as I want but in the false case, it shows an error. I will put that error below. Please help me fix this **My activation page** import React from “react”; import “./auth.css”; const Activation =… Read More My error: Objects are not valid as a React child (found: object with keys {}). If you meant to render a collection of children, use an array instead
I’m trying to make a function to delete the "clicked" task but I can’t figure out what is the problem. I created an array with useState where I save all tasks. When task is created is asigned to a key ( i ). When delete button is clicked, trigger deleteTask function with ( i )… Read More Simple To-Do List with React, Array.filter is not working as expected?
I hope I phrased this question clearly. I have a small recipe app, for the recipe method I want to dynamically add Step 1, Step 2, Step 3 etc. for each step that is passed through via props. The recipe’s steps are passed through as an array of objects: recipeMethod: Array(2) 0: {step_instructions: ‘Boil Water’}… Read More Increment number for every instance of an element in React
Have an array of pairs, and am using separate filter functions to change the array value. But I’m struggling to only change a single value while retaining the existing ones. const [filters, setFilters] = useState({ fur: ”, expression: ” }) const filterFur = (fur) => e => { setFilters({ fur: fur }) } const filterExpression… Read More useState change only one value in array
I’m trying to remove duplicated objects if the ids are the same with lodash _.uniqBy. Or this doesn’t have to be a lodash or _.uniqBy, but is this possible? Also the id value is always dynamic, so this time I want to remove the object with id:123, but other time it will be different id… Read More Remove objects if they are duplicated with javascript
I have multiple divs with same class and I need put only one of class to some id, It show me not right order. And also if I will have some dropdown menu and I will click of some div with class, need to show this class in id. Here is my code, could you… Read More Javascript show next prev content appenchild
I am trying to get data using API and loop it for banner images. I got the data. And it is working fine. Here is the code to get the data. ///Retrieving data using API const [post, setPost] = useState(null); useEffect(() => { axios.get(global.url+’api/welcome’).then(response => { setPost(response.data); }); }, []); Now, I want to show… Read More React, how to use if condition inside a div to change its className?
I had code in react js but the are problem to write anchor with href . form example this below code import React from "react"; function Browser() { return ( <div> <section className="flex bg-gray-100 py-16 px-4" id="browse-the-room"> <div className="container mx-auto"> <div className="flex flex-start mb-4"> <h3 className="text-2xl capitalize font-semibold"> browse the room <br className="" /> that… Read More how to write good anchors in react.js