How can I use it in ReactJS Project?

[chandan7193]

`import React, { Component } from 'react'; import { Grid } from 'semantic-ui-react'; import FB from 'facebook-node-sdk'; import './SignUp.css';

class SignUp extends Component{

constructor(props) { super(props);

} function(){ var fb; fb = new FB(({ appID: 'xxxx', secret: 'xxxxx' });)

fb.api('/get', function(err,data){ console.log(data); }) }

render(){
	return(
		<div className="message">
		<Grid divided="vertically" columns="equal">


		<Grid.Row>
		<Grid.Column>
		<div className="UserDetails">

		</div>

		<div id='social-login-button-facebook'>
			
			
			<div className="fb-login-button" data-max-rows="1" data-size="medium" data-button-type="login_with" data-show-faces="false" data-auto-logout-link="true" data-use-continue-as="false"></div>
		</div>
		</Grid.Column>
		</Grid.Row>


		</Grid>
		</div>

		);
}

}

export default SignUp;`

What is the correct way of using it in ReactJS?