私の関数が呼び出され、その内部に何が実行されたのですか？コンソールで `未定義 'になります

Question

私はreact nativeを学んでいます。以下のコードの場合：

2222222 
111111111 
undefined 
33333333 

とsdsdデバイスの画面上：

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

export default class App extends Component { 
    highlight() { 
    console.log(111111111); 
    } 
    render() { 
    console.log(222222); 
    console.log(this.highlight()); 
    console.log(333333); 
    return (
     <View> 
     <Text>sdsd</Text> 
     </View> 
    ); 
    } 
} 

私はコンソールでこの出力を取得します。それは何ですか？undefined？もしそれがundefinedの場合、それはどのように関数内のログを実行しましたか？

Answer 1

私はrender（）でhighlight（）が返すものを記録したいと思っています。 ただし、ハイライト表示では、独自のログ出力は行われません。

だから、次のようになります。レンダリング：

render() { 
    console.log(222222); 
    this.highlight(); 
    console.log(333333); 
    return (
     <View> 
     <Text>sdsd</Text> 
     </View> 
    ); 
    } 

Answer 2

console.log(this.highlight()); 

がthis.highlight()のリターンを出力しますが、何もthis.highlight()返しません。

this.highlight()の値を返し、コールサイトで印刷するか、this.highlight()と書いてください。