UI5和React比较

通过React来实现类似UI5中element binding的效果

UI5整体采用了MVC的设计，提供了单向的、双向的，各种数据绑定，有属性绑定，有列表绑定，还有element binding。

现在流行的技术框架和语言都采用”声明式“的开发方式，比如Google的Flutter, Apple的Swift UI,还有Facebook的React。

下面我来用React来实现和之前类似的效果，上面是一个列表，点击某行，下面展示详细内容。用这个非常简单的小例子，来看看两者实现的思路不同。界面采用Fundamental Style的设计。

UI

主要包含两个函数组件，一个列表和一个表单:

EmployeeList.js:

import React from 'react';

export default function EmployeeList({
   employees, onSelect}) {
   

    return (<ul class="fd-list">
      {
   
           employees.map(
            emp => <li class="fd-list__item">
            <span class="fd-list__title">{
   emp.Name}</span>
             <span class="fd-list__secondary fd-has-color-status-1">{
   emp.Salary}</span>
        <