React: Props – Init HTML

Giới thiệu Props trong ReactJS.

Mã nguồn tham khảo:

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <title>Props</title>
    <script src="https://npmcdn.com/[email protected]/dist/react.min.js"></script>
    <script src="https://npmcdn.com/[email protected]/dist/react-dom.min.js"></script>
    <script src="https://npmcdn.com/[email protected]/browser.min.js"></script>
</head>

<body>
    <div id="example"></div>
    <script type="text/babel">
        var Movie = React.createClass({
            render: function() {
                return (
                    <div>
                        <h3>{this.props.title}</h3>
                        <p>{this.props.genre}</p>
                    </div>
                );
            }
        });

        ReactDOM.render(<Movie title="Avatar" genre="Ski-fi" />, document.getElementById('example'));
    </script>
</body>

</html>

Bình Luận

Hủy

Không có bình luận.