es6: Wie definiert man Funktionen in einem const?

Question

Ich mache dieses reactive-native Projekt und ich verwende this method, um meine Projektdateien zu organisieren, aber ich weiß nicht, wie man Funktionen innerhalb einer const deklariert.

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

Was Sie 'a const' genannt haben, ist in der Tat eine Pfeilfunktion. In JS können Sie beliebige verschachtelte Funktionen hinzufügen, wie Sie möchten:

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> 
    ); 
}