Javascript 如何通过连接字符串从窗体返回值？

我有一个如下所示的表单，如果该值存在，我需要通过将其与另一个字符串连接来返回该值。我正在使用语义UI组件

{
setreqHeader（值）；
}}
/>
setHeaderKey（event.target.value）}
/>
setHeaderValue（event.target.value）}
/>

在单击此表单时，我已将这些值存储到状态变量（在我的示例中为reqHeader、headerKey和headerValue）中，并将它们添加到有效负载中以进行POST操作

const saveHandler=async（）=>{
返回等待axios({
方法：“张贴”，
url:config.App_url.createMock，
标题：{
“内容类型”：“应用程序/json”，
},
数据：模型，
}).catch（（错误）=>{
错误（`error while creating mock=>${error}`）；
});
};

我尝试执行如下所示的空检查。当我这样做时，在发送请求时，有效负载中缺少reqHeader

我正在使用React钩子设置状态：

const[reqHeader，setreqHeader]=useState（“”）；
const[headerKey，setHeaderKey]=useState（“”）；
常量[headerValue，setHeaderValue]=使用状态（“”）；

我的有效载荷如下

let模型={
emailId:email，
经理：[
{
appName:app，
继承权：“孩子”，
请求头：（）=>{
返回请求标头
？reqHeader+“：“+headerKey+”=“+headerValue”
: "";
},
url:url，
},
],
};

---

如何正确检查该值，如果该值为null，则返回一个空字符串，否则执行有效负载中提到的concat操作？

选择更改处理不正确。因此，设置reqHeader的条件将始终为空

下面是我在您的代码中捕获的内容，在select组件中

// this is wrong, value is undefined
onChange={(e, { value }) => {
   setreqHeader(value);
}}

正确的方法是用对象替换事件，然后对目标和目标中的值进行分解

/*
1. refactor select field handle change. 
2. refactor reqHeader in your model from function to string. 
*/
// correct
onChange={({ target: { value } }) => {
   setreqHeader(value);
}}

const saveHandler = async () => {
  const model = {
    emailId: email,
    Manager: [{
      appName: app,
      heirarchy: 'child',
      reqHeader: reqHeader ? reqHeader + ':' + headerKey + '=' + headerValue : '',
      url: url
    }]
  }

  return axios({
    method: 'POST',
    url: config.App_URL.createMock,
    headers: {
      'content-type': 'application/json'
    },
    data: model
  }).catch((error) => {
    console.error(`Error while creating mock => ${error}`)
  })
}

---

不清楚你想做什么。“获取这些值”是什么意思？@goto1我将字段中的值存储到状态变量，如reqHeader、headerKey和headerValue。然后我需要检查reqHeader是否存在。那么您有什么问题？然后将值分配给模型。这是正确的实现方式吗？如果你问这是否是在

JavaScript

中进行字符串连接的方式，是的，这很好。如果你要求的是其他特定于你所做的事情，我不确定你的要求是什么，所以不可能说。