GithubHelp home page GithubHelp logo

Comments (3)

eps1lon avatar eps1lon commented on June 21, 2024 1

Support requests filed as GitHub issues often go unanswered. We want you to find the answer you're looking for, so we suggest the following alternatives:

Coding Questions
If you have a coding question related to React and React DOM, it might be better suited for Stack Overflow. It's a great place to browse through frequent questions about using React, as well as ask for help with specific questions.

https://stackoverflow.com/questions/tagged/react

Talk to other React developers
There are many online forums which are a great place for discussion about best practices and application architecture as well as the future of React.

https://reactjs.org/community/support.html

from react.

tankotun avatar tankotun commented on June 21, 2024

Problem is solved by updating state in different way.

setOriginal(prevState =>
  prevState.map((x, i) =>
    i == 0 ? {...x, name: e.target.value } : x
  )
)

from react.

adbutterfield avatar adbutterfield commented on June 21, 2024

To get to the root of your problem, in JavaScript objects are passed by reference not by value. So when you call submit you're setting the value of copy to a reference of the original object.

You can test it by adding this snippet to your sandbox:

  useEffect(() => {
    console.log("original[0] === copy[0]", original[0] === copy[0]);
  }, [original[0], copy[0]]);

Initially original[0] === copy[0] will be false. After you submit, original[0] === copy[0] will be true.

from react.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.