javascript - 如何在react中将单词 'COPY'追加到reducer状态中？

Question

我需要在我的 reducer 对象中添加“复制”一词。

WidgetList 是一个对象数组，由 [{widgettype:'barchart' widgetName:'Widget'}] 组成，接受的输出:[{widgettype:'barchart' widgetName: '复制小部件'}]

当我单击重复按钮时，我可以清楚地获取重复的项目，以区分重复的小部件和原始小部件。需要在widgetName前面添加'Copy'Word'。

这是我的代码:

// Reducer

case types.DUPLICATE_DATA:
    const duplicatedWidget = {
      ...widgetToDuplicate,
      widgetId: uuid(),
    };
    return { ...state,
        boardList: [...newBoardList]
    };

Answer 1

你可以这样做，

case types.DUPLICATE_DATA:
        var str = widgetToDuplicate.widgetName;
        var copyStr = str.match(/copy\([0-9]+\)$/g);
       if(copyStr){
         var number = parseInt(copyStr[copyStr.length-1].match(/[0-9]+/g)[0]);
         str = str.replace(copyStr, "copy("+(number+1) +")")
       }
       else str = str+'-copy(1)';
        const duplicatedWidget = {
          ...widgetToDuplicate,
          widgetName: str,
          widgetId: uuid(),
        };
    return { ...state,
      boardList: [...newBoardList]
    };