Question

我正在尝试将一些信息传递给子组件类。当我通过函数传递它时它正在工作，但是如何在一个子类中处理

父项

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

子组件

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

工作正常

我的错误，我没有在状态中添加道具

现在

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

是

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

如何在React中将props从父组件（函数）传递到子组件（CLASS）

1 个答案: