Выберите значение параметра, не принимая значение - PullRequest
Новая
       6

Выберите значение параметра, не принимая значение

0 голосов
/ 05 октября 2018

Я новичок в реакции JS.Здесь у меня есть следующий компонент, который похож на -> 

    <HighRow technologies={this.state.technologies} onChange={this.onchange.bind(this)} data={data} key={data.id} onAddRow={this.onaddRow.bind(this)} onRemoveRow={this.onRemoveRow.bind(this)} />

onchange(event, tobeupdated, id) {
        const newData = this.props.lowData;
        if (newData !== undefined) {
            return newData.High.map((object, index) => {
                if (object.id === id) {
                    object[tobeupdated] = event.target.value;
                }
                this.props.updateHighLevel(newData.High);
            });
        }
    }

В HighROW.js

 <div className="rowContent fontStyle borderRight">
                <label type="text">Select Technology</label>
                <select className="selectpicker btn btn-labeled btn-start selectId techDrop  margin-left-10" onChange={(e) => { props.onChange(e, "technology", props.data.id) }}>
                    <option disabled selected value>None Selected</option>
                    {props.technologies && <Select techData={props.technologies} options={props.technology} />}
                </select>
            </div>

Я создал отдельный компонент Select с именованным компонентом, который похож на> 

import React from 'react';


class CreateSelectOption extends React.Component {

    constructor(props) {
        super(props);
        console.log("onchanmge", props);
        this.state = {
            technologies: this.props.techData,
            selected:this.props.options
        }
    }

    componentWillReceiveProps(newProps) {
        if (newProps.techData.length > 0) {
            this.setState({
                technologies: newProps.techData
            })
        }
    }

    render() {

        return this.state.technologies.map((item) =>
            <option key={item.id} value={this.state.selected} >{item.name}</option>
        );
    }


}

export default CreateSelectOption;

Итак, здесь, то, что я делаю, у меня есть объект, который выглядит как> 

[ { id:'L0','technology': ""   }]

Здесь, все технологические данные, которые я получаю из запроса API, а затем я сохраняю егов состоянии, а затем я показываю его в опции выбора.Итак, я не могу понять, как использовать здесь опцию выбора с данными сервера, может ли кто-нибудь помочь мне с этим?

...