Html"对齐" ReactJS不支持该属性

时间:2016-07-14 06:38:36

标签: html5 reactjs

我是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> 
    );
}})

但是当我在渲染后看到浏览器&#34;对齐&#34;属性根本没有显示出来。请帮帮我。

1 个答案:

答案 0 :(得分:10)

是的,似乎React不支持alignHere 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> 
);