Проблема с привязкой ссылки на представление в проекте React native с машинописным текстом. Решено

Я создал проект, ориентированный на реакцию, с шаблоном машинописного текста.

npx react-native init myApp --template react-native-template-typescript

Когда я связываю ссылку с представлением в файле tsx, у меня возникает эта ошибка.

Этому вызову не соответствует ни одна перегрузка. Перегрузка 1 из 2, '(props: ViewProps | Readonly): View' вызвала следующую ошибку. Тип MutableRefObject нельзя присвоить типу LegacyRef | неопределенный'. Перегрузка 2 из 2, '(props: ViewProps, context: any): View', выдает следующую ошибку. Тип MutableRefObject нельзя присвоить типу LegacyRef | undefined '

Если я изменю расширение файла с .tsx на .js, ошибка исчезнет, ​​поэтому я полагаю, что это проблема машинописного текста. Пожалуйста, кто-нибудь знает, как с этим справиться?

Это версии, которые я использую, и пример кода

import {View, Text} from 'react-native';

const Test = () => {
  const containerRef = useRef();

  return (
    <View ref={containerRef}>
      <Text>Hi</Text>
    </View>
  );
};

export default Test;

"react": "17.0.1",
"react-native": "0.64.0",
"typescript": "^3.8.3"

Заранее большое спасибо


react-native typescript ref
person Natalia    schedule 19.05.2021    source источник
comment
Вы можете ответить на свой вопрос вместо того, чтобы добавлять ответ к комментарию. Если вы хотите указать, что на вопрос есть принятый ответ, вы можете щелкнуть галочку / галочку рядом с ответом.   -  person Shree    schedule 20.05.2021

Ответы (1)


arrow_upward
0
arrow_downward

Для меня это решение работает, может быть, кому-нибудь пригодится. Я связал общий тип с типом элемента ссылки

```const containerRef = useRef<View>(null); ```
person Natalia    schedule 20.05.2021