将props传递给组件是不确定的

时间:2019-10-30 15:19:07

标签: reactjs material-table

我正在尝试将props传递给组件,但是它们是未定义的。 Bar组件会接收正确的道具,但是分配给SelectDayComponent的道具(在编辑表格时被调用的组件)不会收到它们。

const [columns, setColumns] = React.useState([
      { title: 'Date ', field: 'date_string', type: 'date', editable:"never" },
      { title: 'Start Time', field: 'start_time', type: 'time', render:rowData => renderStartTime(rowData) },
      { title: '', field: 'bar', cellStyle:{width:'50%'}, render: rowData => 
         <Bar className={classes.bar} flag={rowData.flag_bar} start={rowData.start_bar} end={rowData.end_bar}
         dayoff={rowData.dayoff} type={rowData.type} description={rowData.description}/>,
         editComponent: props => (<SelectDayOff id={props.id} value={props.value} noData={props.noData} dayoff={props.dayoff} 
          type={props.type} description={props.description} />), 
        },

当我在SelectDayOff-Component中记录道具时,将其作为输出:

  

{id:未定义,值:未定义,noData:未定义,休日:未定义,类型:未定义,...}

感谢您的帮助。

0 个答案:

没有答案