Use crowi object

resource/js/app.js

@@ -37,7 +37,7 @@ const componentMappings = {
   //'revision-history': <PageHistory pageId={pageId} />,
   //'page-comment': <PageComment />,
   'seen-user-list': <SeenUserList />,
-  'bookmark-button': <BookmarkButton pageId={pageId} />,
+  'bookmark-button': <BookmarkButton pageId={pageId} crowi={crowi} />,
 };
 
 Object.keys(componentMappings).forEach((key) => {

resource/js/components/BookmarkButton.js

@@ -23,11 +23,10 @@ export default class BookmarkButton extends React.Component {
   }
 
   componentDidMount() {
-    $.get('/_api/bookmarks.get', {page_id: this.props.pageId}, (res) => {
-      if (res.ok) {
-        if (res.bookmark) {
-          this.markBookmarked();
-        }
+    this.props.crowi.apiGet('/bookmarks.get', {page_id: this.props.pageId})
+    .then(res => {
+      if (res.bookmark) {
+        this.markBookmarked();
       }
     });
   }
@@ -74,4 +73,5 @@ export default class BookmarkButton extends React.Component {
 
 BookmarkButton.propTypes = {
   pageId: React.PropTypes.string,
+  crowi: React.PropTypes.object.isRequired,
 };