React学习之扩展键片段(三十一)
发布时间:2020-12-15 07:27:02 所属栏目:百科 来源:网络整理
导读:import createFragment from 'react-addons-create-fragment' // ES6 var createFragment = require ( 'react-addons-create-fragment' ) // ES5 with npm var createFragment = React.addons.createFragment; // ES5 with react- with -addons.js 1.概述 大
import createFragment from 'react-addons-create-fragment' // ES6
var createFragment = require('react-addons-create-fragment') // ES5 with npm
var createFragment = React.addons.createFragment; // ES5 with react-with-addons.js
1.概述大多数情况下,你可以使用 如果你有两个孩子集合需要渲染,在没有包容父元素的情况下,就没法用一个 function Swapper(props) {
let children;
if (props.swapped) { children = [props.rightChildren,props.leftChildren]; } else { children = [props.leftChildren,props.rightChildren]; }
return <div>{children}</div>;
}
上面这个代码因为没有为两个孩子设置 为了解决这种问题你就可以创建一个 Array<ReactNode> createFragment(object children)
import createFragment from 'react-addons-create-fragment'
function Swapper(props) {
let children;
if (props.swapped) {
children = createFragment({
right: props.rightChildren,left: props.leftChildren
});
} else {
children = createFragment({
left: props.leftChildren,right: props.rightChildren
});
}
return <div>{children}</div>;
}
上述的代码就会避免
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |