Передать React Props в файл Separete JS

Question

Я пытаюсь передать реквизиты по ширине из родительского компонента в дочерний файл JS, но не могу получить значение реквизита в дочернем файле JS.Родитель выглядит следующим образом:

import React from 'react';
import Child from './Child';
export default class Home extends React.Component {

    state = {
        width: 1000
    }

    render(){

        return(
            <div>
                <Child width={this.width} />
            </div>
        );
    }
}

Отдельный дочерний файл JS выглядит следующим образом:

import React from 'react';
const svgWidth = 650, // Load prop here
      svgHeight = 340;

То, что я пробовал, заключается в следующем, но у меня не работает:

import React from 'react';
const Child = (props) => {

    console.log({props.width}); // Getting an error that ',' is expected

    return {props.width};
}

Может кто-нибудь помочь мне с передачей значения ширины из?

Answer 1

Перейдите к следующему, чтобы получить доступ к состоянию через this.state, например:

<Child width={this.state.width} />