title: How to send props in class component to functional component?
body: <p>I am beginner to reactjs. need to know how to send the props values in one page to another page. Props are on the first page I can get the class component value how to get the values in another page. Thanks in advance</p>
  
  <p>wallcolor.jsx</p>
  
  <pre><code>import React, { Component } from "react";
  import { SketchPicker } from 'react-color';
  import WallFactory from "../../wall-factory-3d";
  export default class WallColor extends Component {
  
    constructor(props) {
      super(props);
      this.state = {
          background: '#d3d3d3',
      };
    }
  
   handleChangeComplete(e){
      this.setState({ background: e.hex },()=&gt;{
          return &lt;WallFactory background={this.state.background}/&gt;
      });
    };
  
    render() {
      return (
    &lt;SketchPicker color={ this.state.background } onChangeComplete={(e)=&gt;this.handleChangeComplete(e)}  /&gt;
    );
    }
  }
  </code></pre>
  
  <p>Another page is wall-factory-3d.js</p>
  
  <pre><code>import  { handleChangeComplete } from "../../components/toolbar/wallcolor";
  import * as SharedStyle from '../../shared-style';
  
   function get_color(props){
     console.log(props.background);
  }
  </code></pre>
  
  <p>I tried this but not get output.</p>