使用Reactjs,我正在尝试创建一个带有问号的圆圈,当鼠标悬停时会向用户提供更多信息。在这个论坛帖子中,他们正在讨论我的意思。直接在“编辑您的文本框标签并将此HTML代码插入其中”短语下面,您将找到我尝试使用的代码。这是我根据帖子中给出的说明尝试的渲染方法:
如果我将第一行替换为第二行,我会得到一个只有单词"asdf"的页面,这是预期的。我正在尝试制作我之前提到的问号框,当我将鼠标悬停在上面时,我希望看到单词"testing"出现作为标题。
此外,问号框被称为工具提示还是仅仅是一种类型的工具提示?在这种情况下,工具提示是否是更一般的UI元素类别。
render(){
return (<label <a target="_blank" href="#" title="testing">/>)
}
这不起作用,我想知道我做错了什么,另外我想知道这些鼠标悬停的问号东西的名称,以便更轻松地搜索更多信息。
谢谢
这是我的整个程序:
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.6/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.js"></script>
</head>
<body>
<div id="root"></div>
<script type="text/babel">
class NameForm extends React.Component {
render() {
// return (<div><text>asdf</text></div>) // line 1
return (<label <a target="_blank" href="#" title="testing">/>) // line 2
}
}
ReactDOM.render(
<NameForm />,
document.getElementById('root')
);
</script>
</body>
如果我将第一行替换为第二行,我会得到一个只有单词"asdf"的页面,这是预期的。我正在尝试制作我之前提到的问号框,当我将鼠标悬停在上面时,我希望看到单词"testing"出现作为标题。
此外,问号框被称为工具提示还是仅仅是一种类型的工具提示?在这种情况下,工具提示是否是更一般的UI元素类别。