html - 屏幕渲染时如何聚焦输入

Question

TextInput Componenet 中是否有任何道具？，如果是，请在下面告诉我或评论。提前致谢

 <TextInput
      style={styles.numberContainer}
      label="phoneNumber"
      id="phoneNumber"
      required
      ref={inputRef}
      autoFocus={true} //   ref={num}
      keyboardType="phone-pad"
      returnKeyType="next"
      onChangeText={val => validator(val)}
      onEndEditing={e => {
             validator(e.nativeEvent.text);
      }}
/>

Answer 1

尝试这个

const { useState, useRef, useEffect } = React;

const Example = () => {

  const inputRef = useRef(null);

  useEffect(() => {
      inputRef.current.focus();
  }, []);
  
  return (
    <div>
      <TextInput ref={inputRef}
    </div>
  );
};