Example #1
0
import React from 'react';
import {logging} from 'react-server';

const logger = logging.getLogger(__LOGGER__);

export default class CommentBox extends React.Component {

	render() {
    return (
			<div>
	      <textarea placeholder="Enter your text here"></textarea>
				<button className="btn btn-primary">Save</button>
			</div>
    );
	}

}
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);

var _inherits2 = require('babel-runtime/helpers/inherits');

var _inherits3 = _interopRequireDefault(_inherits2);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _reactServer = require('react-server');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var logger = _reactServer.logging.getLogger({ "name": "react-server-sample.components.hello-world", "color": { "server": 147, "client": "rgb(127,127,212)" } });

var HelloWorld = function (_React$Component) {
	(0, _inherits3.default)(HelloWorld, _React$Component);

	function HelloWorld(props) {
		(0, _classCallCheck3.default)(this, HelloWorld);

		var _this = (0, _possibleConstructorReturn3.default)(this, (0, _getPrototypeOf2.default)(HelloWorld).call(this, props));

		_this.state = { exclamationCount: 0 };
		_this.handleClick = function () {
			logger.info('Getting more excited! previously ' + _this.state.exclamationCount + ' excitements.');
			_this.setState({ exclamationCount: _this.state.exclamationCount + 1 });
		};
		return _this;