ReactJS不支持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

是的,似乎alignReact不支持. 这是完整列表.

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