navigation.js

import React, { Component } from 'react';

class Navigation extends Component {

  getLinks = (navigation) => {
    navigation.map(obj => {
      console.log(obj)
        let listElements = obj.text.map((li, c) => {
            return (
                <li key={c}>{li.name}</li>
            );
        });
        return (
            <div>
              {listElements}
            </div>
        );
    });

  }
  render() {


  	let { items } = this.props;


    return (

      <div>
        <ul>
          {this.getLinks(items)}
        </ul>

      </div>

    );
  }
}

export default Navigation;

const navigation = [
{
title: 'Title 1',
text: [
{
name: 'item 1',
},
{
name: 'item 2',
}
],
},
{
title: 'Title 2',
text: [
{
name: 'item 1',
},
{
name: 'item 2',
}
],
}
];

You need to return navigation.map