Expected ‘this’ to be used by class method

you should bind the function to this as the ESLint error says "Expected 'this' to be used by class method 'getUrlParams'

getUrlParams = (queryString) => { .... }

as you are not using getUrlParams during render (like onClick()) so the above technique is good which we can call it “usage of arrow function in class property”.

there are other ways of binding too:

  • binding in constructor this.getUrlParams=this.getUrlParams.bind(this)
  • arrow function in render e.g.onClick={()=>this.getUrlParams()} assumed that function does not have params.
  • and React.createClass which with ES6 does not make sense 🙂

Related Posts:

  1. React with ES7: Uncaught TypeError: Cannot read property ‘state’ of undefined
  2. React eslint error missing in props validation
  3. ESLint Parsing error: Unexpected token
  4. How to scroll to an element?
  5. Cannot read property ‘bind’ of undefined. React.js
  6. How to add multiple classes to a ReactJS Component?
  7. This.props.dispatch not a function – React-Redux
  8. How to add a keyboard listener to my onClick handler?
  9. How to add a keyboard listener to my onClick handler?
  10. where is create-react-app webpack config and files?
  11. JSX not allowed in files with extension ‘ .js’ with eslint-config-airbnb
  12. Getting “Cannot call a class as a function” in my React Project
  13. “Uncaught SyntaxError: Cannot use import statement outside a module” when importing ECMAScript 6
  14. Invariant Violation: Objects are not valid as a React child
  15. Invariant Violation: Objects are not valid as a React child
  16. What’s the difference between using “let” and “var”?
  17. “SyntaxError: Unexpected token < in JSON at position 0"
  18. What is Virtual DOM?
  19. How to use Redirect in the new react-router-dom of Reactjs
  20. How to fix “Cannot read property ‘addEventListener’ of null” error [duplicate]
  21. React.js: Set innerHTML vs dangerouslySetInnerHTML
  22. React – uncaught TypeError: Cannot read property ‘setState’ of undefined
  23. Understanding unique keys for array children in React.js
  24. How to do a redirect to another route with react-router?
  25. Jest spy on functionality
  26. Difference between npx and npm?
  27. Reactjs – Form input validation
  28. TypeScript React.FC confusion
  29. Error Running React Native App From Terminal (iOS)
  30. Axios Delete request with body and headers?
  31. Loop inside React JSX
  32. Can’t resolve module (not found) in React.js
  33. How to import jquery using ES6 syntax?
  34. How to implement navbar using react
  35. Loop inside React JSX
  36. Understanding React-Redux and mapStateToProps()
  37. how to render a react component using ReactDOM Render
  38. React this.setState is not a function
  39. Node.js – SyntaxError: Unexpected token import
  40. Console logging for react?
  41. Parse Error: Adjacent JSX elements must be wrapped in an enclosing tag
  42. ‘react-scripts’ is not recognized as an internal or external command
  43. After $npm install, Getting Error: Cannot find module ‘../lib/utils/unsupported.js’
  44. React Native: this.setState is not a function
  45. Node.js – SyntaxError: Unexpected token import
  46. React: trigger onChange if input value is changing by state?
  47. In reactJS, how to copy text to clipboard?
  48. SyntaxError: Adjacent JSX elements must be wrapped in an enclosing tag
  49. forEach is not a function error with JavaScript array
  50. You should not use Route or withRouter() outside a Router when using react-router 4 and styled-component in react
  51. React-Router only one child
  52. What does the className attribute mean in JSX?
  53. Getting Unexpected Token Export
  54. What is prevState in ReactJS? [duplicate]
  55. React Hook Warnings for async function in useEffect: useEffect function must return a cleanup function or nothing
  56. Using Node.js require vs. ES6 import/export
  57. Setting a backgroundImage With React Inline Styles
  58. React – TypeError: Cannot read property ‘props’ of undefined
  59. Cannot find module ‘@angular-devkit/core’
  60. What is the difference between state and props in React?
  61. How to pass props to {this.props.children}
  62. OnChange event using React JS for drop down
  63. How can I mock an ES6 module import using Jest?
  64. React Context vs React Redux, when should I use each one?
  65. Setting onSubmit in React.js
  66. How to import image (.svg, .png ) in a React Component
  67. How can I quickly retrieve a value from a MapIterator returned from Object.keys function?
  68. Uncaught TypeError: Cannot read property ‘props’ of null
  69. ReactJS: setTimeout() not working?
  70. React Uncaught Error: Target container is not a DOM element [duplicate]
  71. How to refresh a Page using react-route Link
  72. React Error: Target Container is not a DOM Element
  73. How to implement authenticated routes in React Router 4?
  74. React Js: Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0
  75. Console is throwing Unterminated JSX contents error
  76. How to handle the `onKeyPress` event in ReactJS?
  77. setInterval in a React app
  78. ES6: Create Strings using Template Literals – Freecodecamp
  79. How do you Hover in ReactJS? – onMouseLeave not registered during fast hover over
  80. Failed to compile. Module not found: Can’t resolve ‘react-router-dom’
  81. Expected linebreaks to be ‘LF’ but found ‘CRLF’ linebreak-style
  82. ReactJS: setTimeout() not working?
  83. What does “export default” do in JSX?
  84. SyntaxError: ‘import’ and ‘export’ may appear only with ‘sourceType: module’ – Gulp
  85. Uncaught Invariant Violation: Too many re-renders. React limits the number of renders to prevent an infinite loop
  86. Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode
  87. Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode
  88. React.js – Can’t read property of undefined
  89. module.exports “Module is not defined”
  90. how to download file in react js
  91. Trying to use fetch and pass in mode: no-cors
  92. React’s setState method with prevState argument
  93. onEnter not called in React-Router
  94. Pass react component as props
  95. Uncaught TypeError: Cannot read property ‘call’ of undefined at __webpack_require__
  96. Objects are not valid as a React child. If you meant to render a collection of children, use an array instead
  97. How to clear react-native cache?
  98. Async/await in componentDidMount to load in correct order
  99. Why use Redux over Facebook Flux?
  100. Local package.json exists, but node_modules missing

Leave a Comment