从 React Class 修改 React 元素
Modify React Element From React Class
实时预览:https://www.webpackbin.com/bins/-KoSqF5OB0IRtbBEi822
我正在尝试克隆和修改 React 元素对象。
我正在通过克隆并向样式表添加 css 规则来删除 React 元素的内联样式
我正在使用这个 function
我想知道如何从元素的 Class 访问 React Render 函数 return 值?
const Div = () => (<div></div>); // not working
const Div = (<div></div>); // working
const NewDiv = noInline(Div); // calling function
我相信要做到这一点,您需要在 render
函数中获取对元素的引用,并且该元素应该是组件子元素之一——因此遍历 this.props.children
并找到您正在寻找的元素。像这样:
render () {
let children = React.Children.toArray(this.props.children);
children.forEach((child) => doSomething(child))
}
实时预览:https://www.webpackbin.com/bins/-KoSqF5OB0IRtbBEi822
我正在尝试克隆和修改 React 元素对象。
我正在通过克隆并向样式表添加 css 规则来删除 React 元素的内联样式
我正在使用这个 function
我想知道如何从元素的 Class 访问 React Render 函数 return 值?
const Div = () => (<div></div>); // not working
const Div = (<div></div>); // working
const NewDiv = noInline(Div); // calling function
我相信要做到这一点,您需要在 render
函数中获取对元素的引用,并且该元素应该是组件子元素之一——因此遍历 this.props.children
并找到您正在寻找的元素。像这样:
render () {
let children = React.Children.toArray(this.props.children);
children.forEach((child) => doSomething(child))
}