Question

我有一系列数据，这些数据在一个数组（json文件）中包含一些对象，它将由react显示。

class App extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            data: [],
            .
            .
        }
    } 
}

我有多个物品：

render() {

    const { data, currentPage, itemsPerPage } = this.state;
    const indexOfLastItem = currentPage * itemsPerPage;
    const indexOfFirstItem = indexOfLastItem - itemsPerPage;
    const currentItems = data.slice(indexOfFirstItem, indexOfLastItem);
    const renderTour = currentItems.map((item, i) => {
        return <div class="item">{this.renderInfo(item)}</div>
            .......
    </form>
    }) 
}

在每个项目中，className="boxInput"都有一些div，在每个boxInput div中，type="radio"都有一个输入，type="hidden"有一个输入。

renderInfo(element,i,idx,idj){
    if (i==1) {
        return (
            <div class="boxInput">
                <input type="hidden" name={`_root.rooms__${idx}.roomids__${idj}.roomid`} value={element.info.roomid} />///////input1////////
                <input type="radio"  onClick={((e) => this.handleCheck(e, element,i,idx,idj))}  name={`InputRadio${idj}`} />///////radio1////////
            </div>
        )
    } else {
        return (
            <div class="boxInput">
                <input type="hidden" name="" value={element.info.roomid} />///////input2////////
                <input type="radio"   onClick={((e) => this.handleCheck(e, element,i,idx,idj))} name={`InputRadio${idj}`}  />///////radio2////////
           </div>
        )
    }
}

您会在第一个boxInput div中看到input="hidden"的名称，并且input="radio"被选中。我想在检查radio2时输入2获得名称

name={`_root.rooms__${idx}.roomids__${idj}.roomid`}

，input1的属性名称将为空（name=""）。我该怎么办？

如何通过在React中选中单选按钮来获得输入名称？

0 个答案: