小编Ana*_*ngh的帖子

我使用 React 创建了新的自定义选择框。我在组件加载时加载了预先填充的数组（使用 useEffect）。当用户搜索任何不存在的国家/地区时，会有一个添加选项。于是我对 useState 着迷了。代码如下：-

const [countries, setCountries] = useState([]);

国家列表：-

[
  {"value": 1, "label": "Singapore"},
  {"value": 2, "label": "Malaysia"},
  {"value": 3, "label": "Indonesia"},
  {"value": 4, "label": "Phillipines"},
  {"value": 5, "label": "Thailand"},
  {"value": 6, "label": "India"},
  {"value": 7, "label": "Australia"},
  {"value": 8, "label": "Pakistan"}
]


const handleHTTPRequest = () => {
    service.getData() 
    .then(res => {
      setCountries(res);
    })
    .catch((err) => console.error(err))
  }

  useEffect(() => {
    handleHTTPRequest()
  })

我正在检查数组中搜索到的国家/地区，如果不存在，我只需添加到数组中

const addCountry = (country) => {
    let isRecordExist = countries.filter(c => c.label …

我在angular + Php + MySql中制作一个CRUD,我遇到了一个问题.我在数据库中有一些数据,并希望在列表页面上显示它.

为了实现这一点,我在Angular中进行了ajax调用,并将响应放在Scope Variable中.如果我打印响应它显示我低于响应但不能用HTML显示它.我遇到了一个问题,即: -

错误:[ngRepeat:dupes]不允许在转发器中重复.使用'track by'表达式指定唯一键.中继器:机组人员,重复键:字符串:",重复值:"\""

以下是Angular和HTML代码: -

.controller('wrapperController', ['$scope','$rootScope','$http', function(scope,rootScope,http){

    http.post("server/viewRecords.php")
    .success(function(response){
        console.log(response);
        scope.crew = response;

    });
}])

<tr ng-repeat="person in crew">
            <td>{{person.name}}</td>
            <td>{{person.desc}}</td>
            <td> <a href="#/edit/{{$index}}">Edit</a> </td>
            <td> <a href="#/delete/{{$index}}" data-ng-click="deleteRecord($index)">Delete</a> </td>
        </tr>

请提出为什么我收到此错误？

谢谢!!