在 React JSX 文件中，如何检查数组中是否定义了某些内容？答案

【问题标题】：In React JSX file, how do I check that something is defined in my array?在 React JSX 文件中，如何检查数组中是否定义了某些内容？
【发布时间】：2020-03-26 21:30:59
【问题描述】：

我正在使用 React 16.13.0。我有以下组件...

import React from 'react';
import {FormControl, FormLabel} from 'react-bootstrap';

const Input = (props) => {
    return (
  <div className="form-group">
      <FormLabel>{props.title}</FormLabel>
      <FormControl
            type={props.type}
            id={props.name}
            name={props.name}
            value={props.value}
            placeholder={props.placeholder}
            onChange={props.handleChange}
          />
          {props.errors && props.errors[props.name] (
                <div className="fieldError">
                    {props.errors[props.name]}
                </div>
          )}
  </div>
    )
}

export default Input;

如何检查一个项目是否在数组中定义？现在，这条线

{props.errors && props.errors[props.name] (

报错

TypeError: props.errors[props.name] is not a function

【问题讨论】：

标签： arrays reactjs undefined jsx

【解决方案1】：

我认为您缺少&&。所以，

{props.errors && props.errors[props.name] (...

应该是

{props.errors && props.errors[props.name] && (...

【讨论】：