javascript - 在react中有条件地定义一个const

Question

我有一个搜索页面，它查询 api 以获取对象数组。然后它为数组的每个元素呈现一个。我正在尝试像这样实现这一目标:

export default class SearchScreen extends Component {
  constructor(props) {
    super(props);
    this.state = {
      results: null
    };
  }
  componentDidMount() {
    const apiUrl =
      "foo";
    fetch(apiUrl)
      .then(response => response.json())
      .then(response =>
        this.setState({
          results: response.results
        })
      );
  }

  render() {
      {this.state.results ? (
          const items = this.state.results.map((item, index) => {
               return (
                    <div>
                        <SearchResult name={item.name} />
                    </div>
                    );
       })
        return <div>{items}</div>;
       ) : (<div> LOADING...</div>)}
}

因此，如果 this.state.results 不为 null，则应将其内容映射到 const，然后生成 SearchResult 元素。

它提示 const 是一个意外的关键字。条件定义常量有问题吗？

Answer 1

语法不正确，以下已修复:

render() {
      const items = this.state.results ? (
          this.state.results.map((item, index) => {
              return ( 
                  // Use better key
                    <div key={index}><SearchResult name={item.name} /></div>
              );
          }
        )) : 'LOADING...';

        return <div>{items}</div>;
}