How to update data to a reactjs website?

Working with Data Node.js Frameworks
, ,
10

Hi Lauren,

  1. I will later google and try these in different browsers. Will this also cause the problem of
    updating a phone number?
  2. The phone number still can’t be displayed on my profile page after I changed type=“text”
    for phone.
  3. Yes, the errors are=
index.js:1 Warning: Using UNSAFE_componentWillReceiveProps in strict mode is not recommended and may indicate bugs in your code. See https://fb.me/react-unsafe-component-lifecycles for details.

* Move data fetching code or side effects to componentDidUpdate.
* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://fb.me/react-derived-state

Please update the following components: InfiniteScroll
console.<computed> @ index.js:1


Profile.js:263 state user Object
index.js:1 Warning: Failed prop type: Invalid prop `label` of type `object` supplied to `TabComponent`, expected `string`.
    in TabComponent (at Profile.js:193)
    in Profile (at PrivateRoute.js:7)
    in Route (at PrivateRoute.js:6)
    in PrivateRoute (at MainRouter.js:35)
    in Switch (at MainRouter.js:25)
    in div (at MainRouter.js:23)
    in MainRouter (at App.js:9)
    in ScrollToTop (created by Context.Consumer)
    in withRouter(ScrollToTop) (at App.js:8)
    in Router (created by BrowserRouter)
    in BrowserRouter (at App.js:7)
    in App (at src/index.js:7)
    in StrictMode (at src/index.js:6)
console.<computed> @ index.js:1
Profile.js:263 state user Object

react-dom.development.js:88 Warning: componentWillReceiveProps has been renamed, and is not recommended for use. See https://fb.me/react-unsafe-component-lifecycles for details.

* Move data fetching code or side effects to componentDidUpdate.
* If you're updating state whenever props change, refactor your code to use memoization techniques or move it to static getDerivedStateFromProps. Learn more at: https://fb.me/react-derived-state
* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress this warning in non-strict mode. In React 17.x, only the UNSAFE_ name will work. To rename all deprecated lifecycles to their new names, you can run `npx react-codemod rename-unsafe-lifecycles` in your project source folder.

Please update the following components: Profile, TabsComponent
printWarning @ react-dom.development.js:88

Profile.js:263 state user Object
Profile.js:263 state user Object
Profile.js:263 state user Object
Profile.js:263 state user Object
Profile.js:263 state user Object
Profile.js:263 state user Object
Profile.js:263 state user Object
Profile.js:263 state user Object
Profile.js:263 state user Object
Profile.js:263 state user Object
Profile.js:263 state user Object
Profile.js:263 state user Object
Profile.js:263 state user Object
Profile.js:263 state user Object

Do you also want to see each dropdown list of errors for each Profile.js above?

  1. What did you mean? Please clarify.

Thank you!