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添加到某些行，但我需要只有第二个td的值为{＆＃34; 31-12-2016＆＃34;}其余的需要具有值：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

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

将值设置为2nd td（Reactjs）

1 个答案: