TypeScript server.renderToStaticMarkup函数代码示例

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› TypeScript›TypeScript教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

本文整理汇总了TypeScript中react-dom/server.renderToStaticMarkup函数的典型用法代码示例。如果您正苦于以下问题：TypeScript renderToStaticMarkup函数的具体用法？TypeScript renderToStaticMarkup怎么用？TypeScript renderToStaticMarkup使用的例子？那么恭喜您, 这里精选的函数代码示例或许可以为您提供帮助。

在下文中一共展示了renderToStaticMarkup函数的9个代码示例，这些例子默认根据受欢迎程度排序。您可以为喜欢或者感觉有用的代码点赞，您的评价将有助于我们的系统推荐出更棒的TypeScript代码示例。

示例1: it

  it('should render the main example', function () {
    const TEXT_STYLE = Style.registerStyle({
      backgroundColor: 'red'
    })

    const App = Style.component(React.createClass({

      displayName: 'App',

      render: function () {
        return React.createElement(
          'div',
          { className: TEXT_STYLE },
          'Hello world!',
          React.createElement(Style.Element)
        )
      }

    }))

    expect(renderToStaticMarkup(React.createElement(App))).to.equal(
      '<div class="' + TEXT_STYLE + '">' +
      'Hello world!' +
      '<style>.' + TEXT_STYLE + '{background-color:red}</style>' +
      '</div>'
    )
  })

开发者ID:agrady42，项目名称:react-free-style，代码行数:27，代码来源:react-free-style.spec.ts

示例2: print_code

export function print_code(opts: Options) {
  const w = popup("");

  let options = fromJS(opts.options);
  options = options.delete("lineNumbers"); // doesn't work yet

  // We add a trailing whitespace, since some printers grey the last line (e.g., chrome, but not firefox)
  const value = opts.value + "\n";
  const props = {
    value,
    options,
    style: { background: "white", padding: "7%", width: "auto" },
    no_border: true
  };
  const s: string = renderToStaticMarkup(
    React.createElement(CodeMirrorStatic, props)
  );

  const t: string = `\
<html lang="en">
    <head>
        <title>${path_split(opts.path).tail}</title>
        <meta name="google" content="notranslate"/>
        <style>${CODEMIRROR_CSS}</style>
    </head>
    <body style='font-size:${opts.font_size}'>
        ${s}
    </body>
</html>\
`;
  w.document.write(t);
  w.document.close();
  print_window(w);
}

开发者ID:DrXyzzy，项目名称:smc，代码行数:34，代码来源:print-code.ts

示例3: async

  return async (req, res, next) => {
    const session = app.createSession() as TuxServerSession

    session.req = req
    session.res = res

    try {
      const body = await app.renderServer(
        session,
        ReactDOMServer.renderToString
      )

      // render middlewares might respond early, eg redirects.
      if (!res.headersSent) {
        const html = createElement(
          Document,
          {
            ...session.document,
            css: assets.css,
            js: assets.js,
          },
          body
        )

        res.send('<!doctype html>' + ReactDOMServer.renderToStaticMarkup(html))
      }
    } catch (error) {
      next(error)
    }
  }

开发者ID:aranja，项目名称:tux，代码行数:30，代码来源:server.ts

示例4: handleRender

    return function handleRender(req: express.Request, res: express.Response, next: express.NextFunction) {

        // Ignote static assets
        if (req.url.indexOf(".") === -1) {

            let result = bootstrap({
                container: "root",
                createHistory: createMemoryHistory,
                initialState: {},
                middlewares: [thunk],
                reducers: {
                    repos: reposReducer,
                    users: usersReducer
                },
                render: () => { /*  skip first render, we navigate first */ },
                routes: routes
            });

            result.history.push(req.url);

            let state = result.store.getState();

            let html = renderFullPage(
                css,
                renderToStaticMarkup(result.root),
                JSON.stringify(state)
            );

            res.send(html);

        } else {
            next();
        }

    };

开发者ID:redux-bootstrap，项目名称:redux-bootstrap-example，代码行数:35，代码来源:server.ts

示例5: write_content

function write_content(w, opts: PrintOptions): void {
  if (!opts.path) throw Error("write_content -- path must be defined");
  const split = path_split(opts.path);

  let html: string;
  if (opts.html == null) {
    const props = {
      value: opts.value,
      project_id: opts.project_id,
      file_path: split.head
    };

    const C = React.createElement(
      Redux,
      { redux } as any,
      React.createElement(HTML, props)
    );
    html = ReactDOMServer.renderToStaticMarkup(C);
  } else {
    html = opts.html;
  }
  const title: string = path_split(opts.path).tail;
  html = html_with_deps(html, title);
  w.document.write(html);
  w.document.close();
}

开发者ID:DrXyzzy，项目名称:smc，代码行数:26，代码来源:print.ts

示例6: createElement

 pages.forEach(({ fields }) => {
   // render page
   const Component = createElement(App, fields);
   const markup = ReactDOMServer.renderToStaticMarkup(Component);
   const html = generateHtml(markup);
   // save page to disk
   savePageToDisk(fields.slug, html);
 });

开发者ID:anater，项目名称:anater.github.io，代码行数:8，代码来源:index.ts

示例7: createMessageFragment

function createMessageFragment(message: Message): DocumentFragment {
    const reactTree = React.createElement(MessageItem, {
        message: message,
    });
    const html = ReactDOMServer.renderToStaticMarkup(reactTree);

    const range = document.createRange();
    range.selectNode(document.body);
    const fragment = range.createContextualFragment(html);
    return fragment;
}

开发者ID:karen-irc，项目名称:karen，代码行数:11，代码来源:MessageContentView.ts

示例8: createChannelWindowListFragment

function createChannelWindowListFragment(list: Array<Channel>): DocumentFragment {
    const reactTree = React.createElement(ChatWindowList, {
        list: list,
    });
    const html = ReactDOMServer.renderToStaticMarkup(reactTree);

    const range = document.createRange();
    range.selectNode(document.body);
    const fragment = range.createContextualFragment(html);
    return fragment;
}

开发者ID:saneyuki，项目名称:karen，代码行数:11，代码来源:MainContentAreaView.ts

示例9: createChannelFragment

function createChannelFragment(domain: ChannelDomain): DocumentFragment {
    const reactTree = React.createElement(ChatWindowItem, {
        channel: domain.getValue(),
    });
    const html = ReactDOMServer.renderToStaticMarkup(reactTree);

    const range = document.createRange();
    range.selectNode(document.body);
    const fragment = range.createContextualFragment(html);
    return fragment;
}

开发者ID:saneyuki，项目名称:karen，代码行数:11，代码来源:MainContentAreaView.ts

注：本文中的react-dom/server.renderToStaticMarkup函数示例由纯净天空整理自Github/MSDocs等源码及文档管理平台，相关代码片段筛选自各路编程大神贡献的开源项目，源码版权归原作者所有，传播和使用请参考对应项目的License；未经允许，请勿转载。