Question: Suppose I have a local file called "contacts.json" . I want to insert it in react component and create a table . I'll be so glad if anybody can help me .Thanks .

```
{
  "contacts": [
  {
  "id": 1,
  "firstName": "hamid",
  "lastName": "mohamadi",
  "contactType": "Friend",
  "birthDate": "2010.10.10",
  "phoneNumber": [
    "09011019011",
    "09120658719"
  ],
  "email": [
    "mohammadi842@gmail.com",
    "h_mohammadi842@yahoo.com"
  ]
}

```

}

Answer: 
After some digging, I found that the `InputProps` also have the `className` property. The following worked for me:

```
<TextField
    {...props}
    inputProps={{
        readOnly,
    }}
    InputProps={{
        className: (readOnly) ? 'Mui-disabled' : undefined,
    }}
/>

```

To see all the properties you can look [here](https://material-ui.com/api/text-field/).
You need to use classes on TextField

```
<TextField
 {...props}
 classes={readOnly ? { root: 'Mui-disabled' } : {}}
/>

```

Hope it helps