Невозможно просмотреть <Carousel.Item> в дочернем компоненте - PullRequest
Новая
       6

Невозможно просмотреть <Carousel.Item> в дочернем компоненте

0 голосов
/ 10 января 2019

Я создал компонент, который получит идентификатор владельца и будет получать все элементы для этого владельца. WS работает нормально, но я не могу просмотреть изображение внутри Carousel.Item. Там нет сообщения об ошибке, и я не уверен, почему? что не так с моим кодом?

Заранее спасибо

Это родительский компонент: 

render() {

    const dd = this.state.ownersArr.map((item, index) => {
        return (
            <Col sm={4} key={item.ownerId}>
                <Panel>
                    <Carousel>
                        <UserPanel data={item.ownerId}></UserPanel>
                    </Carousel>
                </Panel>
            </Col>
        )
    });

    return (
        <div>
            <Row>
                {dd}
            </Row>
        </div>
    );
}

и ребенок: 

export class UserPanel extends Component {
displayName = UserPanel.name

constructor(props) {
    super(props);
    this.state = {
        appData: []
    }
}

componentDidMount() {
    axios.get('api/items/wind instruments/' + this.props.data).then(response => {
        this.setState({ appData: response.data });
    })
        .catch(error => {
            if (error.response) {
                console.log(error.responderEnd);
            }
        });
}

render() {
    return (
        this.state.appData.map(item => {
            <Carousel.Item>
                <img width={900} height={500} alt="900x500" src={item.imageUrl} />
                <Carousel.Caption>
                    <h3>{item.ownerId}</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                </Carousel.Caption>
            </Carousel.Item>
        })
    );
}
}

Спасибо

...