JSX Bootstrap не определен - PullRequest
Новая
       8

JSX Bootstrap не определен

0 голосов
/ 12 октября 2018

Я использую загрузчик с реакции, и компилятор не работает на том основании, что есть неопределенное содержимое JSX.Я прошел через это дюжину раз, и какой бы ни был троичный результат, я не вижу никаких закрытых тегов.Я новичок, чтобы реагировать, так что я думаю, что-то еще должно быть не так.Чтобы сократить код, я включил только return (): 

<div className="container-fluid">

        <div className="row">
          <div className="col-12">
            <SearchBar />
          </div>
        </div>


    {this.state.results ? (
            <div className="row">
                <div className="col-12">
                        <div className="row">
                            <div className="col-6 offset-md-3">
                        <div className="row">
                            <div className="col">
                                        <InputRange
                                        maxValue={this.state.maxPrice}
                                        minValue={this.state.minPrice}
                                        value={this.state.priceRange}
                                        formatLabel={x => {
                                        return `£${x}`;
                                        }}
                                        onChange={value => this.setState({ priceRange: value })}
                                        />
                            </div>
                        </div>

                        <div className="row">
                            <div className="col">
                                            Selection: {visibleResults.length}
                            </div>
                        </div>
                    <div>
                </div>

                    <div className="row">
                            <div className="col-6 offset-md-3">
                                 {visibleResults.map((item, index) => (
                                    <Link to={`/listing/${item.id}`}>
                                    <SearchResult result={item} key={index} />
                                    </Link>
                                ))}
                            </div>
                </div>
            </div>
            </div>
        ) : (
        <div className="row">
            <div className="col">
                    <h1>LOADING...</h1>
                </div>
        </div>
    )}

    </div>
)

1 Ответ

0 голосов
/ 12 октября 2018

Здесь нужно закрыть div: 

                    <div className="row">
                        <div className="col">
                                        Selection: {visibleResults.length}
                        </div>
                    </div>
                <div> // This should be </div>
            </div>
...