我在书中遇到了一些示例JSX代码,这让我感到惊讶 - 它包含单个(非封闭)形式的锚标记.我简化了代码:
function CustomAnchor(props) {
return <a {...props}/>;
};
ReactDOM.render(
<CustomAnchor href="http://reactjs.com">A link</CustomAnchor>,
document.getElementById('container')
);
Run Code Online (Sandbox Code Playgroud)
该代码有效,但我无法找到任何描述这种描述JSX中锚标记的方法的文档.我希望必须使用一个开启和关闭的A标签,附上props.children - 即 - 这样的东西:
return <a {...props}>{props.children}</a>
后一种形式实际上是如何在同一本书中提前完成的,并且没有对新的更精简的形式给出解释.FWIW,这本书是由Stoyan Stefanov撰写的"React Up&Running".在我考虑提交一个建议来为本书添加解释之前,我会感激一些帮助.