In my React component that utilizes MaterialUI, I have created a simple form with a text field and a button:
export default function AddToDo() {
const classes = useStyles();
return (
<div style={{
display: "flex"
}}>
<TextField className={classes.textField} label="Add todo"></TextField>
<Button variant="contained" >Submit</Button>
</div>
)
}
The goal is to call the method addNew(param1) when the submit button is clicked. The value of param1 should be the text entered by the user in the text field. Is there a way to achieve this functionality? For example:
<Button onclick=addNew(value inside the textfield) variant="contained" >Submit</Button>