Javascript Reactstrap工具提示:无法设置动态id和目标:语法错误:无法执行';querySelectorAll';在';文件';:';5f54e5d61ec2c635f81f0e6a和x27;
我多次渲染组件,每次传递不同的用户ID时:Javascript Reactstrap工具提示:无法设置动态id和目标:语法错误:无法执行';querySelectorAll';在';文件';:';5f54e5d61ec2c635f81f0e6a和x27;,javascript,html,reactjs,bootstrap-4,reactstrap,Javascript,Html,Reactjs,Bootstrap 4,Reactstrap,我多次渲染组件,每次传递不同的用户ID时: render() { const { userId } = this.props; return ( <div> <div id={userId} /> <UncontrolledTooltip target={userId}>tooltip</UncontrolledTooltip> </div> );
render() {
const { userId } = this.props;
return (
<div>
<div id={userId} />
<UncontrolledTooltip target={userId}>tooltip</UncontrolledTooltip>
</div>
);
}
render(){
const{userId}=this.props;
返回(
工具提示
);
}
然而,我不断地发现这个错误:
语法错误:未能对“文档”执行“querySelectorAll”:
“5f54e5d61ec2c635f81f0e68”不是有效的选择器
知道发生了什么吗?这能回答你的问题吗?从错误消息中,您似乎已将
userId
设置为以数字开头的值。不受控制的工具提示显然在引擎盖下使用了document.querySelectorAll
,它使用了一个不能以数字开头的css选择器。@BasvanderLinden这确实解决了我的问题。非常感谢。