How can I set material-ui TextField to accept only Hexidecimal characters

reactjs material-ui textfield restriction
Zotov picture Zotov · Dec 30, 2018 · Viewed 8k times · Source

I want my TextField to accept only the values from 0-9 and letters A-F. Thanks.

Answer

Ryan Cogswell picture Ryan Cogswell · Dec 31, 2018

See the Formatted Inputs portion of the documentation.

Here is an example I put together (using the formatted inputs demo code as a starting point) using react-text-mask that only accepts up to 8 hexidecimal characters:

Edit 6v444wnvp3

Related questions

× TypeError: Cannot read properties of undefined (reading 'map')

When I try to run this code it gives me this error: × TypeError: Cannot read properties of undefined (reading 'map') I don't know why. I have tried possible means, but it didn't work. import React from 'react'; import Grid from …

Read More
Invalid hook call. Hooks can only be called inside of the body of a function component

I am new to React and Now I would like to show some record in the table and now I got this error. Help me, please. Invalid hook call. Hooks can only be called inside of the body of a …

Read More
What does the error "JSX element type '...' does not have any construct or call signatures" mean?

I wrote some code: function renderGreeting(Elem: React.Component<any, any>) { return <span>Hello, <Elem />!</span>; } I'm getting an error: JSX element type Elem does not have any construct or call signatures …

Read More