Question

我有一张卡片，上面有一个按钮，并且卡片的ID为ID，代表该卡片代表的用户名：

<button type="button" className="btn btn-primary" data-toggle="modal" data-target={`#${truncate(object.name)}`}>
                                            Manage Permissions
                                       </button>

                                        <div className="modal fade" id={truncate(object.name)} tabIndex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true" >

我的问题是，如果用户名上有一个空格（例如“ my example”），则弹出窗口将不会打开。

我创建了truncate函数，您可以在数据目标上看到该函数，以查看弹出窗口是否出现但仍然没有出现。

截断功能：

  let truncate=(name)=>{
  return name.trim();
}

如果名称上有空格，我想知道如何打开弹出窗口。

Answer 1

.trim()不会从文本中间删除空格。

尝试一下：

name.replace(/ /g,'')

如果名称上有空格，则无法打开弹出窗口

1 个答案: