Skip to main content
Bumped by Community user
Bumped by Community user
Bumped by Community user
Bumped by Community user
Tweeted twitter.com/StackOverflowPT/status/1110881612328300547
Bumped by Community user
removeu 60 caracteres do conteúdo
Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

O ListView do ReactNative aceita um array de arrays ? Pois preciso receber os dados da API da seguinte forma :

[[{"userId":1,"userName":"Ricardo"},{"userId":1,"userName":"Ricardo"}],[{"userId":1,"userName":"Ricardo"},{"userId":1,"userName":"Ricardo"}]].

Fiz o seguinte código para exibi-lo :

renderRowUsers(rowData, sectionID, rowID) {
     return rowData.map(function(user, i){
        return(
          <View key={i}>
            <Text>{user.userId}</Text>
            <View>
              <Text>{user.userName}</Text>
            </View>
          </View>
        );
    });
}

e

 const usersDS = new ListView.DataSource({rowHasChanged: (r1, r2) =>       r1.user !== r2.user});

this.state = {
 usersDataSource: usersDS.cloneWithRows([
            { "userId": "", "userName": "Ricardo"}
          ])
}

const usersDS = new ListView.DataSource({
    rowHasChanged: (r1, r2) => r1.user !== r2.user
});

this.state = {
    usersDataSource: usersDS.cloneWithRows([{
        "userId": "",
        "userName": "Ricardo"
    }])
}
<ListView 
    style={{paddingTop: 2, height:100}}
    dataSource={this.state.usersDataSource}
    renderRow={this.renderRowUsers.bind(this)}
/>

Mas isso me retorna o seguinte erro :

"StaticRender.reder():A valid React element(or null) must be retorned. You may have returned undefined, an array or some other invalid object."

O ListView do ReactNative aceita um array de arrays ? Pois preciso receber os dados da API da seguinte forma :

[[{"userId":1,"userName":"Ricardo"},{"userId":1,"userName":"Ricardo"}],[{"userId":1,"userName":"Ricardo"},{"userId":1,"userName":"Ricardo"}]].

Fiz o seguinte código para exibi-lo :

renderRowUsers(rowData, sectionID, rowID) {
     return rowData.map(function(user, i){
        return(
          <View key={i}>
            <Text>{user.userId}</Text>
            <View>
              <Text>{user.userName}</Text>
            </View>
          </View>
        );
    });
}

e

 const usersDS = new ListView.DataSource({rowHasChanged: (r1, r2) =>       r1.user !== r2.user});

this.state = {
 usersDataSource: usersDS.cloneWithRows([
            { "userId": "", "userName": "Ricardo"}
          ])
}

<ListView 
    style={{paddingTop: 2, height:100}}
    dataSource={this.state.usersDataSource}
    renderRow={this.renderRowUsers.bind(this)}
/>

Mas isso me retorna o seguinte erro :

"StaticRender.reder():A valid React element(or null) must be retorned. You may have returned undefined, an array or some other invalid object."

O ListView do ReactNative aceita um array de arrays ? Pois preciso receber os dados da API da seguinte forma :

[[{"userId":1,"userName":"Ricardo"},{"userId":1,"userName":"Ricardo"}],[{"userId":1,"userName":"Ricardo"},{"userId":1,"userName":"Ricardo"}]].

Fiz o seguinte código para exibi-lo :

renderRowUsers(rowData, sectionID, rowID) {
     return rowData.map(function(user, i){
        return(
          <View key={i}>
            <Text>{user.userId}</Text>
            <View>
              <Text>{user.userName}</Text>
            </View>
          </View>
        );
    });
}

e

const usersDS = new ListView.DataSource({
    rowHasChanged: (r1, r2) => r1.user !== r2.user
});

this.state = {
    usersDataSource: usersDS.cloneWithRows([{
        "userId": "",
        "userName": "Ricardo"
    }])
}
<ListView 
    style={{paddingTop: 2, height:100}}
    dataSource={this.state.usersDataSource}
    renderRow={this.renderRowUsers.bind(this)}
/>

Mas isso me retorna o seguinte erro :

"StaticRender.reder():A valid React element(or null) must be retorned. You may have returned undefined, an array or some other invalid object."

Mais exemplos
Fonte Link

O ListView do ReactNative aceita um array de arrays ? Pois preciso receber os dados da API da seguinte forma :

[[{"userId":1,"userName":"Ricardo"},{"userId":1,"userName":"Ricardo"}],[{"userId":1,"userName":"Ricardo"},{"userId":1,"userName":"Ricardo"}]].

Fiz o seguinte código para exibi-lo :

renderRowUsers(rowData, sectionID, rowID) {
     return rowData.map(function(user, i){
        return(
          <View key={i}>
            <Text>{user.userId}</Text>
            <View>
              <Text>{user.userName}</Text>
            </View>
          </View>
        );
    });
}

e

 const usersDS = new ListView.DataSource({rowHasChanged: (r1, r2) =>       r1.user !== r2.user});

this.state = {
 usersDataSource: usersDS.cloneWithRows([
            { "userId": "", "userName": "Ricardo"}
          ])
}

<ListView 
    style={{paddingTop: 2, height:100}}
    dataSource={this.state.usersDataSource}
    renderRow={this.renderRowUsers.bind(this)}
/>
  

Mas isso me retorna o seguinte erro :

"StaticRender.reder():A valid React element(or null) must be retorned. You may have returned undefined, an array or some other invalid object."

O ListView do ReactNative aceita um array de arrays ? Pois preciso receber os dados da API da seguinte forma :

[[{"userId":1,"userName":"Ricardo"},{"userId":1,"userName":"Ricardo"}]].

Fiz o seguinte código para exibi-lo :

renderRowUsers(rowData, sectionID, rowID) {
     return rowData.map(function(user, i){
        return(
          <View key={i}>
            <Text>{user.userId}</Text>
            <View>
              <Text>{user.userName}</Text>
            </View>
          </View>
        );
    });
}

e

<ListView 
    style={{paddingTop: 2, height:100}}
    dataSource={this.state.usersDataSource}
    renderRow={this.renderRowUsers.bind(this)}
/>
 

Mas isso me retorna o seguinte erro :

"StaticRender.reder():A valid React element(or null) must be retorned. You may have returned undefined, an array or some other invalid object."

O ListView do ReactNative aceita um array de arrays ? Pois preciso receber os dados da API da seguinte forma :

[[{"userId":1,"userName":"Ricardo"},{"userId":1,"userName":"Ricardo"}],[{"userId":1,"userName":"Ricardo"},{"userId":1,"userName":"Ricardo"}]].

Fiz o seguinte código para exibi-lo :

renderRowUsers(rowData, sectionID, rowID) {
     return rowData.map(function(user, i){
        return(
          <View key={i}>
            <Text>{user.userId}</Text>
            <View>
              <Text>{user.userName}</Text>
            </View>
          </View>
        );
    });
}

e

 const usersDS = new ListView.DataSource({rowHasChanged: (r1, r2) =>       r1.user !== r2.user});

this.state = {
 usersDataSource: usersDS.cloneWithRows([
            { "userId": "", "userName": "Ricardo"}
          ])
}

<ListView 
    style={{paddingTop: 2, height:100}}
    dataSource={this.state.usersDataSource}
    renderRow={this.renderRowUsers.bind(this)}
/>
 

Mas isso me retorna o seguinte erro :

"StaticRender.reder():A valid React element(or null) must be retorned. You may have returned undefined, an array or some other invalid object."

adicionou 7 caracteres ao conteúdo; tags editadas
Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

O ListView do ReactNative aceita um array de arrays ? Pois preciso receber os dados da API da seguinte forma : [[{"userId":1,"userName":"Ricardo"},{"userId":1,"userName":"Ricardo"}]].

[[{"userId":1,"userName":"Ricardo"},{"userId":1,"userName":"Ricardo"}]].

Fiz o seguinte código para exibi-lo :

renderRowUsers(rowData, sectionID, rowID) {
     
      return rowData.map(function(user, i){
            return(
              <View key={i}>
                <Text>{user.userId}</Text>
                <View>
                  <Text>{user.userName}</Text>
                </View>
              </View>
            );
        });
     
    }

renderRowUsers(rowData, sectionID, rowID) {
     return rowData.map(function(user, i){
        return(
          <View key={i}>
            <Text>{user.userId}</Text>
            <View>
              <Text>{user.userName}</Text>
            </View>
          </View>
        );
    });
}

e

<ListView style={{paddingTop: 2, height:100}}
            dataSource={this.state.usersDataSource}
            renderRow={this.renderRowUsers.bind(this)}
        />

 
<ListView 
    style={{paddingTop: 2, height:100}}
    dataSource={this.state.usersDataSource}
    renderRow={this.renderRowUsers.bind(this)}
/>

Mas isso me retorna o seguinte erro :

"StaticRender.reder():A valid React element(or null) must be retorned. You may have returned undefined, an array or some other invalid object."

"StaticRender.reder():A valid React element(or null) must be retorned. You may have returned undefined, an array or some other invalid object."

O ListView do ReactNative aceita um array de arrays ? Pois preciso receber os dados da API da seguinte forma : [[{"userId":1,"userName":"Ricardo"},{"userId":1,"userName":"Ricardo"}]].

Fiz o seguinte código para exibi-lo :

renderRowUsers(rowData, sectionID, rowID) {
     
      return rowData.map(function(user, i){
            return(
              <View key={i}>
                <Text>{user.userId}</Text>
                <View>
                  <Text>{user.userName}</Text>
                </View>
              </View>
            );
        });
     
    }

e

<ListView style={{paddingTop: 2, height:100}}
            dataSource={this.state.usersDataSource}
            renderRow={this.renderRowUsers.bind(this)}
        />

 

Mas isso me retorna o seguinte erro :

"StaticRender.reder():A valid React element(or null) must be retorned. You may have returned undefined, an array or some other invalid object."

O ListView do ReactNative aceita um array de arrays ? Pois preciso receber os dados da API da seguinte forma :

[[{"userId":1,"userName":"Ricardo"},{"userId":1,"userName":"Ricardo"}]].

Fiz o seguinte código para exibi-lo :

renderRowUsers(rowData, sectionID, rowID) {
     return rowData.map(function(user, i){
        return(
          <View key={i}>
            <Text>{user.userId}</Text>
            <View>
              <Text>{user.userName}</Text>
            </View>
          </View>
        );
    });
}

e

<ListView 
    style={{paddingTop: 2, height:100}}
    dataSource={this.state.usersDataSource}
    renderRow={this.renderRowUsers.bind(this)}
/>

Mas isso me retorna o seguinte erro :

"StaticRender.reder():A valid React element(or null) must be retorned. You may have returned undefined, an array or some other invalid object."

Fonte Link
Carregando