Question

React + Redux，render() 没有返回任何内容

2018-07-17

77

javascript reactjs redux jsx

render() 没有返回任何内容， data 是一个 array ，并且它不是 undefined 或 null （使用 debugger 检查）。它迭代所有需要的数据，但没有返回任何内容。

如果需要，您可以在这里找到完整代码： https://github.com/BakuganXD/taskManager/tree/boardUpdate

Component.js：

class ProfilePage extends React.Component {

//several functions

render() {
const { loading, error, data, isEditing, editToogle } = this.props;
if (!loading && !error) {
  {data.map( (value, index) => {
    if (!isEditing[value.id]) {
      return (
        //a lot of JSX code, value is not undefined
    } else {
      return (
        //another big JSX part
          );
        }
      }
  ) }
  } else return <p>Loading</p>;
 }
}

Answer 1

您需要返回 data.map 结果。另外，删除 data.map 周围的 { >

class ProfilePage extends React.Component {

    //several functions

    render() {
        const { loading, error, data, isEditing, editToogle } = this.props;
        if (!loading && !error) {
            return data.map( (value, index) => {
                if (!isEditing[value.id]) {
                  return (
                    //a lot of JSX code, value is not undefined
                  )
                } else {
                return (
                  //another big JSX part
              );
            }
          })
        } else return <p>Loading</p>;
    }
}