React JS 不支持 Html "align" 属性

Question

我是 ReactJS 的新手。在反应组件中，我有

    var SaveOrganization = React.createClass({
    render: function () {
    return (
        <div className="box-footer" align="center"> 
            <a href="addVenue" className="btn btn-info bottom-margin" >Add Venue</a>
            <a href="addCourt" className="btn btn-info bottom-margin" >Add Court</a>
            <a href="addPOI" className="btn btn-info bottom-margin" >Add POI</a>                    </div> 
    );
}})

但是当我在渲染“align”属性后看到浏览器时根本不显示。请帮我解决这个问题。

Answer 1

是的，React 似乎不支持align。 Here is the full list.

我建议改用style（或css）：

return (
    <div className="box-footer" style={{textAlign:"center"}}> 
        <a href="addVenue" className="btn btn-info bottom-margin" >Add Venue</a>
        <a href="addCourt" className="btn btn-info bottom-margin" >Add Court</a>
        <a href="addPOI" className="btn btn-info bottom-margin" >Add POI</a>                    </div> 
);