将值设置为 2nd td (Reactjs)

Question

我正在制作一个表格，以这种方式向行添加一些 td：

...
switch( nieto.columnas[k].tipocampo ){
    case 'date':
    var ad_date = <Date ref={bisnieto.ref} value={"31-12-2016"} error={bisnieto.error} _ref={i + "-" + j + "-" + rowk + '-' + k} onChangeValue={onChangeValue} />;
    tr.push(
        <td className={"td-margin uk-width-medium-1-"+ columsCount} key={'table-input'+i+"-"+j+'-'+rowk+'-'+k} >
            {ad_date}
        </td>
    );
    break;
    ...

我正在向某些行添加多个 td，但我需要只有第 2 个 td 具有 value={"31-12-2016"} 其余的需要具有值：value={bisnieto.value}。我正在做类似的事情：

    case 'fecha':
    if (j==2) var ad_date= <Date ref={bisnieto.ref} value={"31-12-2016"} error={bisnieto.error} _ref={i + "-" + j + "-" + rowk + '-' + k} onChangeValue={onChangeValue} />;
    else var ad_date= <Date ref={bisnieto.ref} value={bisnieto.value} error={bisnieto.error} _ref={i + "-" + j + "-" + rowk + '-' + k} onChangeValue={onChangeValue} />;
    tr.push(
        <td className={"td-margin uk-width-medium-1-"+ columsCount} key={'table-input'+i+"-"+j+'-'+rowk+'-'+k} >
            {ad_date}
        </td>
    );

但我不知道 j 实际上何时 == 2，所以不要考虑 i,j,row,rowk 的条件。我正在尝试使用 td:nth-child(2) 就像在这个例子中一样 http://jsfiddle.net/68wbx/1/ 但不要在 Reactjs 中使用它。

Answer 1

您可以检查“tr.length === 1”，而不是检查“j === 2”。如果该行中已经有一个 td，那么您显然要添加第二个。