В файле React JSX как проверить, что что-то определено в моем массиве? - PullRequest
Новая
       10

В файле React JSX как проверить, что что-то определено в моем массиве?

0 голосов
/ 27 марта 2020

Я использую 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

1 Ответ

0 голосов
/ 27 марта 2020

Я думаю, что вам не хватает &&. Итак, 

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

должно быть 

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