I have array of Object

```
const top100Films = [{ title: 'The Shawshank Redemption', year: 1994 },{ title: 'The Godfather', year: 
1972 },{ title: 'The Godfather: Part II', year: 1974 },{ title: 'The Dark Knight', year: 2008 },{ 
title: '12 Angry Men', year: 1957 }]

```

I'm using Autocomplete of Material UI

```
<Autocomplete
                // value={val}
                options={top100Films}
                getOptionLabel={option => option.title}
                style={{ width: 300 }}
                onChange={(event, value) => console.log(value)}
                renderInput={params => (
                    <TextField
                        {...params}
                        label="label"
                        variant="outlined"
                        fullWidth

                    />
                )}
            />

```

It just displays the value inside TextField but doesnot actually sets the value like

```
<input
        type="text"
        value={props.value}
        onChange={e => props.onChange(e.target.value)}
      /> 

```

This input sets the value.

I want to set the value inside Autofield's TextField not just display it. How can it be done? I have searched but I couldn't find any solution.

If anyone needs any further information please do let me know.