admin管理员组

文章数量:1404054

I would like to render a <section> element using React but only if certain conditions are met.

The problem is I can't nest the <section> within a <div> so the highest level DOM element besides <body> is <section>

My HTML:

<section id="my_element"></section>

My React:

ReactDOM.render(
  <div className="container">
    ...
  </div>,
  document.getElementById('my_element')
);

I know with Angular directives you can replace the original DOM element with your rendered element by using replace: true

app.directive('myElement', function(){
  return {
    replace: true,
    ...
    }
  };
});

Is something similar available in React?

I would like to render a <section> element using React but only if certain conditions are met.

The problem is I can't nest the <section> within a <div> so the highest level DOM element besides <body> is <section>

My HTML:

<section id="my_element"></section>

My React:

ReactDOM.render(
  <div className="container">
    ...
  </div>,
  document.getElementById('my_element')
);

I know with Angular directives you can replace the original DOM element with your rendered element by using replace: true

app.directive('myElement', function(){
  return {
    replace: true,
    ...
    }
  };
});

Is something similar available in React?

  • javascript
  • reactjs
Share Improve this question asked Nov 5, 2015 at 3:05 Jared WhippleJared Whipple 1,1714 gold badges17 silver badges40 bronze badges 1
  • stackoverflow./questions/30686796/… – user120242 Commented Nov 5, 2015 at 4:21
Add a ment  | 

2 Answers 2

Reset to default 4

Not currently implemented yet: https://github./facebook/react/issues/1311

Follow this issue to see development: https://github./facebook/react/issues/1711

StackOverflow question that has a workaround:
React.render replace container instead of inserting into
Workaround involves creating a temporary div, and then replacing the node.

You can use some case to da that. I prefer do this: 

render(){
return [<div>test</div>, <div>test2</div>]
}

this is answer on your question: https://github./facebook/react/issues/2127

本文标签： javascriptIs it possible to replace DOM elements with ReactStack Overflow

版权声明：本文标题：javascript - Is it possible to replace DOM elements with React? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1744240930a2596785.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。