es6：const内で関数を定義する方法は？

Question

私はこの反応ネイティブプロジェクトをやっていて、私はthis methodを使ってプロジェクトファイルを整理していますが、const内に関数を宣言する方法はわかりません。

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

const Category = (props) => { 

    const ds = ListView.DataSource({rowHasChanged : (r1, r2) => r1 !== r2}); 

    // how to declare function here? 

    return (
     <View> 
      <ListView 
       dataSource={ds} 
       renderRow={(rowData) => <Text>{rowData}</Text>} 
       renderSeparator={// how to put function reference here?} 
      /> 
     </View> 
    ); 
} 

Answer 1

「const」とは、実際には矢印機能です。 JSでは、ネストされた関数を必要に応じて追加できます。

const Category = (props) => { 

    const ds = ListView.DataSource({rowHasChanged : (r1, r2) => r1 !== r2}); 

    // how to declare function here? 

    // You can declare another arrow function if you want: 
    const foo =() => console.log('arrow'); 

    // Or a standard function 
    function bar() { console.log('standard'); } 

    // Even a function returning a function :-) 
    function baz() { return function() {...} } 

    const renderCustomComponent =() => <div>____</div> 

    return (
     <View> 
      <ListView 
       dataSource={ds} 
       renderRow={(rowData) => <Text>{rowData}</Text>} 
       renderSeparator={ renderCustomComponent } {/* Here goes your reference */} 
      /> 
     </View> 
    ); 
}