如何在JavaScript中访问名为verein的对象属性？

问题根源 #

1. 参数类型不符：控制台输出明确显示verein是一个长度为1的数组，而非单个对象，直接通过verein.Verein_Name无法读取属性。
2. 属性名拼写错误：输入框代码中使用了Vereins_Name，但实际对象的属性名为Verein_Name（多了一个s）。

修正后的代码 #

函数内的属性访问

export function TestForm(verein) {
    console.log(verein);
    // 先取数组第一个元素，再访问目标属性
    console.log(verein[0].Verein_Name); 

  return;
}

PrimeReact输入框的属性绑定

<span className="p-float-label">
   {/* 用可选链操作符避免数组为空时触发报错 */}
   <InputText id="in" value={verein[0]?.Verein_Name} disabled={isDisabled} />
   <label htmlFor="in">Vereinsname</label>
</span>

额外提示 #

• 若verein数组存在为空的可能，建议补充判断逻辑（比如条件渲染），避免出现Cannot read properties of undefined类错误。
• 始终确保属性名与对象实际字段完全匹配，注意大小写和拼写细节。

内容的提问来源于stack exchange，提问作者Chris Schog