Reactjs 尝试在对话框内使用“反应材质ui”复选框

Reactjs 尝试在对话框内使用“反应材质ui”复选框,reactjs,material-ui,Reactjs,Material Ui,我试图在对话框中使用MaterialUI复选框,但onChange函数似乎不起作用。有关我的代码,请参阅以下信息: <Dialog open={showAssetListDialog}> <DialogTitle id="responsive-dialog-title"> <h3 className="formHeader">Asset List</h3> <hr />

我试图在对话框中使用MaterialUI复选框,但onChange函数似乎不起作用。有关我的代码,请参阅以下信息:

<Dialog open={showAssetListDialog}>
        <DialogTitle id="responsive-dialog-title">
          <h3 className="formHeader">Asset List</h3>
          <hr />
        </DialogTitle>
        <DialogContent>
        <Typography>  
        { availableAssets && Object.keys(assetList).map((key, index) => (
          <p>
           <Checkbox
             const asset_id = {assetList[index].value}
             checked = {assetList[index].asset_id}
             color   = "primary"
             onChange = {props.handleCheckboxChange('asset_id')}
             onCheck = {props.handleCheckboxChange}
           >
           </Checkbox>   
           {assetList[index].label}
          </p>

         ))}
        </Typography>  
        </DialogContent>
        <DialogActions>
          <Button
            color="success"
            className="btnSave"
            onClick={props.handleAssetListClose}
          >
           Done
          </Button>
        </DialogActions>
      </Dialog>

资产清单

{availableasets&&Object.keys(assetList.map)((key,index)=>( {assetList[index].label}

))} 多恩
您没有将
事件.target.选中
传递给您的
HandleCheckBox更改
,那么您如何设置新值呢?我只是尝试在HandleCheckBox更改中输入console.log。它只是在浏览器控制台中没有显示任何内容。请显示您尝试的代码。你的handleCheckboxChange看起来像什么?@RyanCogswell我刚才试着用这种方式来console.log:handleCheckboxChange=name=>event=>{console.log(“name is”,name);//this.setState({[name]:event.target.checked});请在CodeSandbox中重现您的问题,并将其包含在您的问题中。您没有将
事件.target.checked
传递到您的
handleCheckboxChange
,因此您如何设置新值?我只是尝试在handleCheckboxChange中控制台.log。它只是在浏览器控制台中没有显示任何内容。请显示您尝试的代码。你的handleCheckboxChange看起来像什么?@RyanCogswell我刚才试着用这种方式来console.log:handleCheckboxChange=name=>event=>{console.log(“name is”,name);//this.setState({[name]:event.target.checked});请在代码沙盒中重现您的问题,并将其包含在您的问题中。