How to pass props from parent component(function) to child component(CLASS) in React

Question

I am trying to pass some info to a child component-class. It is working when im passing it through functions, but how to handle in a class-child

Parent component

export default function Header(props) {
  const propToChild = 'thisisprop'
  return (<FormLayouts propToChild={propToChild}/>)
}

Child component

import React from 'react';
import { withStyles, makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles(theme => ({
    root: {
        width: '100%',
    },
}));

class FormLayouts extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            open: false,

        };
    }
  render() {
    console.log(this.props);  //it`s empty((
  }
}

export default withStyles(useStyles)(FormLayouts);

Answer 1

Its working fine

My mistake, i didnt add prop to state

now

const [currentWindow, setCurrentWindow] = React.useState(<FormLayouts urls={props.urls}/>);

was

const [currentWindow, setCurrentWindow] = React.useState(<FormLayouts />);