Reactjs 尝试在对话框内使用“反应材质ui”复选框
我试图在对话框中使用MaterialUI复选框,但onChange函数似乎不起作用。有关我的代码,请参阅以下信息: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 />
<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});请在代码沙盒中重现您的问题,并将其包含在您的问题中。