Hello, Maybe I forgotten something, but I wonder how to add directly one property to a Fonctional Component? In the courses it seems to me that I saw how to put a property passinf by another component but not direcly For exemple, I would like add one props property “color: red” to this Fonction…

It’s just to understand how it works in depth. :expressionless:

With your console.log problem, is this an FCC challenge? Make sure you are using the console browser, not the fake FCC one.

As I said finally console log works. I Can display “quantity”.

[image] karlito: It’s just to understand how it works in depth. OK, but “props”, by definition, are values that are injected into the component from outside. If you want to change the props, change them outside the component, when they’re passed in.

[image] karlito: As I said finally console log works. I Can display “quantity”. But you said it’s not working for props? To me that mean that it’s not working.

Do you have a link for this challenge?

const Items = (props) => { //stateless fonctional component console.log(props) return <h1>Current Quantity of Items in Cart: {props.quantity}{props.color}</h1> }; Items.defaultProps = { quantity: 0 }; result: [image] It’s not in relation to a specific exercise. It’s a personal question.

And isn’t that what is in props? I don’t understand what you mean by, “I wonder how to display all properties of props” Is there something in the props that you think aren’t showing up.

In fact I tried to add a second one then display both with console.log. But you said it’s not possible. So if I well understood, a Function component or Component can treat only one property?

[image] karlito: So if I well understood, a Function component or Component can treat only one property? No, there is one props object but it can have many properties.

React: How to add one property to a Fonctional Component?

Curriculum Help

Topic		Replies	Views
Lesson update with React development freeCodeCamp Community contributing	1	1996	August 11, 2021
freeCodeCamp Challenge Guide: Review Using Props with Stateless Functional Components freeCodeCamp Community guide	0	111160	August 3, 2019
React functional component vs class component - need state n props in functional component	1	1666	January 29, 2020
React - Revisar o uso de props com componentes funcionais sem estado português	1	158	March 2, 2024
REACT Function can't see the state?	2	1894	March 30, 2017

React: How to add one property to a Fonctional Component?

Related topics