指定元素的位置，React-Bootstrap

Question

我是JS世界的新手并且坚持这个可能是一个简单的问题： 我想指定将添加到另一个元素的元素的位置，我想在应用中设置位置，但不是在.css中。

现在我有了

var obj = DOM.div({className: 'testPlace'},
             React.createElement("a", {id: 'testPlace'},".")
         );

和.css

div.testPlace {  position: absolute;
                    right: 50px;
                    bottom: 100px;
                }

我想在应用内部设置右侧和底部的参数，而不是在.css中。 我怎么能这样做？

谢谢！

Answer 1

在ReactJS中，您可以在创建元素时进行设置，如图here所示：

这将是：

React.createElement("a", {style: {position: "absolute", right: "50px", bottom: "100px"}}, {id: 'testPlace'},".")

在普通的Javascript中，您可以将属性设置为：

element.style.right = "50px";

element.style.bottom = "100px";