How to set focus to next input on enter key press in use ref hook in material ui text field

-

Create an array of refs

import React, {useState, useRef} from 'react';
export default function App() {
const inputRefs = useRef([]);
}

Creating empty array with the length of 10

length = 10;
import React, {useState, useRef} from 'react';
export default function App() {
const inputRefs = useRef([]);
const [data] = useState(...Array(length).keys());
}



Source Medium

Visit Medium For Full Source

Thank you for reading

Follow Us on

Instagram Twitter Linked in Medium

Comments

Post a Comment

Popular posts from this blog

String Encoding and Decoding in Python

-
Image
Encoding is the process of turning thoughts into communication. The encoder uses a ‘medium’ to send the message — a phone call, mail, message. The reciver then ‘decodes’, the message into readable form. This process is called Encoding and Decoding Let's Encoding and Decoding in Python (With module and Without module). Encoding and Decoing in Python with module without module With Module Module Install pip install encodingdecoding Import encode and decode from encodedecode import * string = input("Enter String to encode:") encoded_string = encode(string) print(encoded_string) Output: Enter String to encode: welcome 119 126&101 108&108 115&99 106&111 118&109 116&101 108& Without Module Output: Enter String to encode: welcome 119 126&101 108&108 115&99 106&111 118&109 116&101 108& The above two met
Read more

Python secrets module - Token Generator

-
Image
Python supports vast number of inbuilt libraries for all the purposes like textprocessing, binary data processing, file and directory access and etc.. Now Let's see about secrets module in python Secrets module is used to generate secure random numbers for managing secrets The secrets modgraphiule is used for generating cryptocally strong random numbers suitable for managing data such as passwords, account authentication, security tokens, and related secrets. In particular, secrets should be used in preference to the default pseudo-random number generator in the random module, which is designed for modelling and simulation, not security or cryptography. Generating Tokens secrets.token_bytes secrets.token_bytes([nbytes=None]) Return a random byte string containing nbytes number of bytes. If nbytes is None or not supplied, a reasonable default is used token_bytes(16) Output b'\xebr\x17D*t\xae\xd4\xe3S\xb6\xe2\xebP1\x8b'
Read more