如何将 json 属性从我的前端分配给 API 中的多个后端模型？

Question

我有一个像这样发布到 API 控制器的 React 组件：

onSubmit={async values => {
    await new Promise(resolve => setTimeout(resolve, 500));
    axios({
        method: "POST",
        url: "/educationalgames/api/acceptentry",
        data: values
    });
    alert(JSON.stringify(values, null, 2));
}}

当我点击提交时，我看到了它找到的值：

{
    "eligiblePlayers": [],
    "teamName": "FalconOne",
    "teamEmail": "fc@coma.edu",
    "trainer": "",
    "department": "Physics",
    "researchType": "Meta",
    "numOfStudents": 50,
    "currentState": true
}

以上数据是来自我的 c# 后端 API 中不同模型的混合属性。

teamName、teamEmail 和 trainer 属于我的 team.cs 模型。

eligiblePlayers、department属于department.cs模型。

researchType、numOfStudents 和 currentState 属于我的 research.cs 模型。

我的问题是，我不知道如何翻译这些数据，以便我的 API 控制器可以读取它并将正确的值分配给匹配的模型属性。

到目前为止，我的 c# 控制器中有这个：

[HttpPost]
public async Task<ActionResult> AcceptEntry([FromBody] ???)

我有点不知所措。

有办法吗？

谢谢！

Answer 1

teamName、teamEmail 和 trainer 属于我的 team.cs 模型。

eligiblePlayers，department属于department.cs模型。

researchType、numOfStudents 和 currentState 属于我的 research.cs 型号。

为什么不在应用中创建通用模型？

public class CommonModel {
  public string teamName {get; set;} 
  teamEmail, 
  eligiblePlayers, 
  department, 
  researchType, 
  numOfStudents, 
  currentState
}

然后，在您的控制器中：

[HttpPost]
public async Task<ActionResult> AcceptEntry([FromBody] CommonModel model) {

 var team = new Team() {
   teamName = model.teamName,
   ...
 }
 var department = new Department() {
   eligiblePlayers = model.eligiblePlayers,
   ...
 }
}