React 네이티브 오류 : "변수를 찾을 수 없습니다 : TouchableHighlight"

Question

엑스포를 사용하여 React Native에서 tic tac toe 보드를 만들려고합니다. TouchableHighlight를 사용하여 보드를 터치하여 X 및 O를 추가 할 수 있도록합니다. 앱이 실행되면 다음 오류가 표시됩니다. "변수를 찾을 수 없습니다 : TouchableHighlight" (Board.js 12 : 6).

Board.js

import React, { Component } from 'react'; 
import { Text, View, Image, StyleSheet } from 'react-native'; 

export default class Board extends Component { 

    _onPressButton() { 
    console.log("you tapped the thing"); 
    } 

    render() { 
    return (
     <TouchableHighlight onPress={this._onPressButton}> 
     <View style={styles.container}> 
      <Image source = {require('./board.png')} style = {styles.table}/> 
     </View> 
     </TouchableHighlight> 
    ); 
    } 
} 

const Xmark = (props) => (
    <View> 
    <Image source = {require('./Xmark.png')} style = {styles.mark}/> 
    </View> 
); 

const Omark = (props) => (
    <View> 
    <Image source = {require('./Omark.png')} style = {styles.mark}/> 
    </View> 
); 

const styles = StyleSheet.create({ 
    container: { 
    flex: 6, 
    flexDirection: 'row', 
    justifyContent: 'center', 
    alignItems: 'center', 
    }, 
    table: { 
    height: 250, 
    width: 250, 
    }, 
    mark: { 
    height: 25, 
    width: 25, 
    }, 
}); 

내가 가져와야 다른 뭔가가 있나요? 나는 다른 사람들의 코드를 보았고 나는 전혀 다른 것을 보지 못했다. 감사합니다. 감사합니다.

Answer 1

그냥 import { TouchableHighlight } from 'react-native'이 필요합니다.