Проверенное значение не выделяется для радиокнопки - PullRequest
0 голосов
/ 12 декабря 2018

У меня есть ниже Компонент RadioButton

import React from 'react';

export default class RadioButton extends React.Component {
    constructor(props) {
        super(props);
        this.handleChange = this.handleChange.bind(this);
        this.state = {
            selectedRadioButton :'Fact'
        }
    }

    handleChange = (event) =>{
        this.setState({
            selectedRadioButton : event.target.value
        });
       this.props.handleSelect(event);       
    } 

    render() {
        console.log('im in render',this.state.selectedRadioButton);
        return (
            <div>           
            <input type="radio" name="value"  value={this.props.value} onClick={ e => this.handleChange(e) } 
                  checked={this.props.value === this.state.selectedRadioButton ? true : false}/>
            <label>{this.props.value}</label>
            </div>

        );
    }
}

Я использую radiobutton в компоненте 'BaseMeasure', как показано ниже

handleRadioSelect = (event) => {
        console.log('base measure event',event.target);       
        this.props.checkedRadioValue(event);
    }
<RadioButton value="Fact"  handleSelect = { this.handleRadioSelect }/>
<RadioButton value="Dimension" handleSelect = { this.handleRadioSelect } />

Использование компонента BaseMeasure в другом файле как

checkedValue(event) {
        console.log('in editor',event.target.value);
         this.setState({selectedRadioValue: event.target.value});
         if(this.state.selectedRadioValue === 'Dimension' ){
             this.fetchAllFieldsOnTablesRelatedToFactTable();
         }
         else{
             this.fetchFieldsOnOneFactTable();
            }
    }

    <BaseMeasure factTableData={ this.state.baseTablevalues } 
                                             diagnosisData = {this.state.diagnosisValues}  
                                             checkedRadioValue = {this.checkedValue}/> 

Невозможно увидеть проверенное значение в пользовательском интерфейсе после выбора радиокнопки

1 Ответ

0 голосов
/ 12 декабря 2018

состояние меняется при нажатии на кнопки или нет?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...