1. 首先需要建立一个API控制器来获取相应的数据。例如，我们有两个表，一个是 Users 表，另一个是 Orders 表。我们需要获取用户和相关的订单信息。我们可以创建一个 UsersController 和一个 OrdersController。

2. 在控制器中，我们可以使用EntityFramwork来从数据库中获取数据，但我们需要使用Include语句来获取相关的订单信息。例如：

public class UsersController : ApiController
{
    private readonly ApplicationDbContext _context;

    public UsersController(ApplicationDbContext context)
    {
        _context = context;
    }

    public IHttpActionResult Get()
    {
        var users = _context.Users.Include(u => u.Orders).ToList();
        return Ok(users);
    }
}

public class OrdersController : ApiController
{
    private readonly ApplicationDbContext _context;

    public OrdersController(ApplicationDbContext context)
    {
        _context = context;
    }

    public IHttpActionResult Get()
    {
        var orders = _context.Orders.ToList();
        return Ok(orders);
    }
}

3. 然后我们可以使用axios来获取数据并将其显示在UI上。例如：

axios.get('/api/Users')
    .then(response => {
        this.setState({ users: response.data });
    })
    .catch(error => {
        console.log(error);
    });

axios.get('/api/Orders')
    .then(response => {
        this.setState({ orders: response.data });
    })
    .catch(error => {
        console.log(error);
    });

4. 最后，在UI上我们可以使用map函数来循环渲染用户和订单列表。例如：

render() {
    return (
        

            
Users
            {this.state.users.map(user => (
                

                    
{user.name}
                    

                        {user.orders.map(order => (
                            
{order.product}
                        ))}
                    
                
            ))}
            
Orders
            {this.state.orders.map(order => (
                

                    
{order.product}
                    
{order.description}
                
            ))}
        
    );
}