Html's "align" attribute is not supported in ReactJS

Question

I'm new to ReactJS. In the react component, I've

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

But when I see the browser after rendering "align" attribute doesn't show up at all. Please help me on this.

I thought so! My mistake. Will correct the question to say just "html". But, would like to know was align attribute there from before or which version had it? — User1230321
– User1230321, Commented Jul 14, 2016 at 11:06

Davin Tryon · Accepted Answer · 2016-07-14 07:11:33Z

12

Yes, it seems that align is not supported by React. Here is the full list.

I'd suggest using style (or css) instead:

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> 
);

answered Jul 14, 2016 at 7:11

Davin Tryon

67.4k15 gold badges149 silver badges139 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

danidee Over a year ago

@MamathaVRao you should accept his answer if it's truly perfect :)

danidee Over a year ago

i also think this has to do with the fact that "align" isn't supported in html5. Most browsers always try to be compatible so your old align tags would still work

Kira Over a year ago

align attribute and text-align styles are not same

Collectives™ on Stack Overflow

Html's "align" attribute is not supported in ReactJS

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related