React JS 不支持 Html“align”属性

我是 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”属性根本不显示。请帮我解决这个问题。

是的，看来alignReact 不支持。这是完整列表 https://facebook.github.io/react/docs/tags-and-attributes.html.

我建议使用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> 
);