Блог

Всем привет, я создаю новое приложение в react native с использованием tsx, и у меня есть вопрос.

У меня есть три реквизита на экране, один логический и две функции, мой вопрос в том, есть ли способ определить функцию proptype без использования типа «любой»? используя js с «типами», я могу использовать «функцию» типов», но я понятия не имею, как это сделать с помощью typescript

 import React from 'react'
import { View, StyleSheet, Text, Modal, TouchableOpacity } from 'react-native';
import { RNCamera } from 'react-native-camera';

interface propTypes {
  isVisible : boolean,
  scanCallback: any,
  OnCloseModal: any
}


const ScannerModal = ({isVisible, scanCallback, OnCloseModal}: propTypes) => {

  if (!isVisible) {
    return null
  }
  
  const onBarCodeRead = (e : {data : string, type: string}) => {
    scanCallback(e.data, e.type)
  }
  return (
      .....
  )
} 

Да, вы можете сделать что-то вроде

 interface propTypes {
  isVisible : boolean,
  scanCallback: (_data: string, _type: string) => void,
  OnCloseModal: () => void
}
 

Вот полезное руководство по использованию typescript в react. Это также относится и к react-native.