Modify React Element From React Class

Question

Live Preview: https://www.webpackbin.com/bins/-KoSqF5OB0IRtbBEi822

Im trying to Clone and Modify a React Element Object.

I'm removing the inline styles of react element by cloning and adding css rules to stylesheet

I want to know how can i access the React Render function return value from the Element's Class ?

const Div = () => (<div></div>); // not working
const Div = (<div></div>); // working

const NewDiv = noInline(Div); // calling function

Dmitry Sokurenko · Accepted Answer · 2017-07-07 20:11:06Z

1

I believe to do it you need to get a reference to the element in the render function, and that element should be one of the component child elements — so traverse this.props.children and find the element you are looking for. Something like this:

render () {
  let children = React.Children.toArray(this.props.children);
  children.forEach((child) => doSomething(child))
}

answered Jul 7, 2017 at 20:11

Dmitry Sokurenko

6,1324 gold badges34 silver badges54 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Modify React Element From React Class

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related