{"id":248,"date":"2019-08-24T14:11:27","dateGmt":"2019-08-24T11:11:27","guid":{"rendered":"http://wordpress.loc/?p=248"},"modified":"2019-08-25T05:22:21","modifiedGmt":"2019-08-25T02:22:21","slug":"war-js-wpdecorator-component","status":"publish","type":"post","link":"http://wordpress.loc/?p=248","title":"WaR JS WpDecorator component","excerpt":"<p>WpDecorator это компонент верхнего уровня ( сайт ), он является сборкой компонентов среднего уровня ( блок ), которые, в свою очередь, взаимодействуют с компонентом нижнего уровня WpApi2 ( база данных ). Подключает стандартную сборку компонентов, рекомендован быть стартовым для начала изучения компонентов. node_modules/warjs/src/components/decorator.js Чтобы подключить WpDecorator в свое приложение React, нужно подключить все библиотеки. Затем [&hellip;]</p>\n","excerptProtected":false,"content":"\n<blockquote class=\"wp-block-quote\"><p>WpDecorator это компонент <em>верхнего уровня</em> ( сайт ), он является сборкой компонентов<em> среднего уровня</em> ( блок ), которые, в свою очередь, взаимодействуют с компонентом ни<em>жнего уровня</em> WpApi2 ( база данных ).</p><cite>Подключает стандартную сборку компонентов, рекомендован быть стартовым для начала изучения компонентов.<br><br><code>node_modules/warjs/src/components/decorator.js</code></cite></blockquote>\n\n\n\n<p>Чтобы подключить WpDecorator в свое приложение React, нужно подключить все библиотеки. Затем написать класс своего приложения и в методе render вставить WpDecorator.</p>\n\n\n\n<pre class=\"wp-block-code\"><code>  // WpDecorator include\n  import React, { Component } from 'react';\n  import { WpDecorator } from 'warjs';\n\n  class App extends Component {\n\n    constructor(props) {\n      super(props);\n      this.props = props;\n    }\n    render () {\n      return (\n        &lt;WpDecorator />\n      );\n    }\n  }</code></pre>\n\n\n\n<p>Если нужно <a href=\"/post254\">подключить свои стили</a>: смотреть инструкцию &#8230;</p>\n\n\n\n<p>Далее в соответствии с данной API документацией собирать свой декоратор. </p>\n","contentProtected":false,"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"http://wordpress.loc/index.php?rest_route=/wp/v2/posts/248"}],"collection":[{"href":"http://wordpress.loc/index.php?rest_route=/wp/v2/posts"}],"about":[{"href":"http://wordpress.loc/index.php?rest_route=/wp/v2/types/post"}],"author":[{"embeddable":true,"href":"http://wordpress.loc/index.php?rest_route=/wp/v2/users/1"}],"replies":[{"embeddable":true,"href":"http://wordpress.loc/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=248"}],"version-history":[{"count":11,"href":"http://wordpress.loc/index.php?rest_route=/wp/v2/posts/248/revisions"}],"predecessor-version":[{"id":275,"href":"http://wordpress.loc/index.php?rest_route=/wp/v2/posts/248/revisions/275"}],"wp:attachment":[{"href":"http://wordpress.loc/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=248"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http://wordpress.loc/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=248"},{"taxonomy":"post_tag","embeddable":true,"href":"http://wordpress.loc/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=248"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]},"error":0,"sticky":false,"format":"standard","tags":[],"categories":[17]}