Question 204900 in Reactjs Question posted in
The new location for the React Documentation can be found here.

Reactjs – Parameter is missing in props validation

That’s App.jsx

import './App.css'
import Pp from './Pp'

export default function App() {
  return (
    <div>
      <Pp parameter={"asdsd"} />
    </div>
  )
}

That’s Pp.jsx

export default function Pp({ parameter }) {
  return (
    <h1>{parameter}</h1>
  )
}

I get the "parameter is missing in props validation" error.

I talked to the chatgpt around like a freaking hour, but I didn’t get any valid result.

Tags:

3

Answers


  1. 0

    Remove the quotes when you’re passing the props in the PP component in your App.jsx file

    Login or Signup to reply.
  2. 0

    You need to declare your parameter and pass it.

    import './App.css'
import Pp from './Pp'
import React, {useState} from "react"; // ability to set states

export default function App() {
const [parameter, setParameter] = useState('Foo'); // Set parameter constant, and the ability to change it at waill
  return (
    <div>
      <Pp 
         parameter={parameter} 
         setParameter={setParameter}    
     />
    </div>
  )
}

    Pp.jsx

    // Remember to "call" both parameters that you requested in App.js
export default function Pp({ parameter, setParameter }) {

  // You can now use setParameter('Bar') anywhere to set your parameter as well 
  // Since it is stored in a state and passed to your element
  // setParameter('Bar'); // Uncomment this line for an example
  return (
    <h1>{parameter}</h1>
  )
}
    Login or Signup to reply.
  3. 0

    The error is coming from your linter, you need to define propTypes:

    import PropTypes from 'prop-types';

export default function Pp({ parameter }) {
  return (
    <h1>{parameter}</h1>
  )
}

Pp.propTypes = {
  parameter: PropTypes.string
};
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search