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

Question

我正在使用 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

Answer 1

我想你不见了&&。所以，

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

应该是

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

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

In React JSX file, how do I check that something is defined in my array?

arrays

undefined

jsx

reactjs