Add properties to the component

January 5, 2018

Previous tutorial we studied how to create React component. Now we will see how to add properties to the component

You can add dicount property to the Products component as shown in the below code and I have passed the value of discount as 10

import React from 'react'
import {render} from 'react-dom'
import {Products} from './products.js'

render(

    ,
    document.getElementById('root')

)

Now lets see how we can display the property value in product.js file

import React from 'react'

var createReactClass = require('create-react-class');
export const Products = createReactClass({

	render(){
		return (

				
  • Product A
  • Product B
  • Product C
Discount {this.props.discount}
) } })

To display the value of property we added you can use the {this.props.discount}