Динамический список внутри динамического списка - PullRequest
Новая
       19

Динамический список внутри динамического списка

0 голосов
/ 29 сентября 2018

Я использую NativeBase и у меня динамический аккордеон, я хочу поместить в контент в dataArray динамический список из компонентов NativeBase, это возможно?вот код: 

import React, { Component } from "react";
import { Container, Header, Content, Accordion } from "native-base";
const dataArray = [
  { title: "First Element", content: "Lorem ipsum dolor sit amet" },
  { title: "Second Element", content: "Lorem ipsum dolor sit amet" },
  { title: "Third Element", content: "Lorem ipsum dolor sit amet" }
];
export default class AccordionIconExample extends Component {
  render() {
    return (
      <Container>
        <Header />
        <Content padder>
          <Accordion dataArray={dataArray} icon="add" expandedIcon="remove" />
        </Content>
      </Container>
    );
  }
}

1 Ответ

0 голосов
/ 01 октября 2018 
import React, { Component } from "react";
import { StyleSheet } from "react-native";
import { Container, Header, Content, Accordion, Button,Text } from "native-base";
const dataArray = [
 { title: "First Element", content: "Lorem ipsum dolor sit amet" },
 { title: "Second Element", content: "Lorem ipsum dolor sit amet" },
 { title: "Third Element", content: "Lorem ipsum dolor sit amet" }
];

export default class App extends Component {

constructor(props) {
 super(props);

 this.state = {
  acc : dataArray
 }
}

addAccordian = () =>{
this.setState({
  acc: this.state.acc.concat( { title: "Forth Element", content: "asdsa asdasd asdas" })
 })
}

render() {
 return (
   <Container>
   <Button onPress={()=> this.addAccordian()}>
   <Text>Click Me!</Text>
 </Button>
    <Header />
    <Content padder>
      <Accordion dataArray={this.state.acc} icon="add" expandedIcon="remove" />
    </Content>
  </Container>
  );
 }
}
...