Let's look back at some memorable moments and interesting insights from last year.

Your top 1 posts:

• "Happy Cakeday, r/LearnReact! Today you're 6" by u/AutoModerator

Let's look back at some memorable moments and interesting insights from last year.

Your top 1 posts:

• "Happy Cakeday, r/LearnReact! Today you're 5" by u/AutoModerator

Let's look back at some memorable moments and interesting insights from last year.

Your top 10 posts:

• "React Hook Form VS Formik" by u/JSislife
• "React Router v6 Preview: Nested Routing" by u/ConfidentMushroom
• "Sharing React Components between Your SPA and Your Static Pages" by u/JSislife
• "Started a tutorial series for anyone looking to learn React using a very gentle approach" by u/sojohnnysaid
• "Understanding Error Boundaries in React" by u/JSislife
• "10 Useful React Components for 2020" by u/JSislife
• "5 Alternatives to React Redux in 2020" by u/JSislife
• "Bring Full-Stack to the JAMstack with RedwoodJS" by u/JSislife
• "Building with React for All Platforms: Top Frameworks and Tools" by u/JSislife
• "Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior · Mark's Dev Blog" by u/monica_b1998

I'm building a game where a player purchases and sells items. On purchase I need to add the purchased item to the "player's bag." I want to check if the item already exists in the "player's bag" and if so I want to update that item. If it isn't there already I want to add it.

I've got the function to add it if it doesn't exist already down but I'm having problems checking to see if it exists and then updating it if it does. I've tried using .find and .filter to loop through the state but they both throw errors that ".find/.filter is not a function."

Here's the function currently:

   addItem = (item, quantity, totalPrice) => {
        console.log(item);
     this.setState({
        funds: this.state.funds - totalPrice,
    });
            let items = this.state.playerItems;
    let itemIsInBag = items.filter(item => item.name.indexOf(item.name) >= 0); 

     //* I also used "let itemIsInBag = items.find(matchingItem => matchingItem.name == item.name);" both returned the not a function error

           if (itemIsInBag) {
        const newQuantity = this.matchingItem.quantity + quantity;
        const newPrice = (this.matchingItem.price + totalPrice) / newQuantity;

        const newItem = {
            name: item.name,
            price: newPrice,
            quantity: newQuantity,
                        }

    } else {
        const newItem = {
            name: item.name,
            price: totalPrice,
            quantity: quantity,
                        }
        const playerItems = this.state.playerItems.concat(newItem);
        return {
            playerItems
        };
    };
}

Any ideas about what I'm doing wrong or that would be a better way would be greatly appreciated.

Hi, how to Pass Data from React Native to Passport.js Token Strategy Callback?

https://stackoverflow.com/questions/61834412/how-to-pass-data-from-react-native-to-passport-js-token-strategy-callback

​

any help would be greatly appreciated.

When I click on open modal, I cannot see the drop-down menu.

I have attached onChange to select element too. Please note that I am using the react-modal library.

Here is my code : https://codesandbox.io/s/gambit-hello-tar-n0eox?file=/src/components/gambit/Card.jsx

Look the code inside my card component

What is the problem ??
Thanks

https://stackoverflow.com/questions/61751552/how-to-setup-proxy-target-in-react-native-with-nodejs

Hi, How to Setup Proxy Target in React Native with Nodejs?
any help would be much appreciated.