小编Sin*_*ing的帖子

如何解析html到React组件?

这是我的场景:
1.应用程序请求CMS(内容管理系统)的页面内容.
2. CMS返回"<div>Hi,<SpecialButton color="red">My Button</SpecialButton></div>"
3.应用程序使用内容,使用属性中提供的数据呈现相应的组件.

我无法弄清楚如何以React方式执行第3步,任何建议都表示赞赏.

谢谢@Glenn Reyes,这是一个显示问题的沙箱.

import React from 'react';
import { render } from 'react-dom';

const SpecialButton = ({ children, color }) => (
  <button style={{color}}>{children}</button>
);

const htmlFromCMS = `
<div>Hi, 
  <SpecialButton color="red">My Button</SpecialButton>
</div>`;

const App = () => (
  <div dangerouslySetInnerHTML={{__html: htmlFromCMS}}>
  </div>
);

// expect to be same as
// const App = () => (
//   <div>Hi, 
//     <SpecialButton color="red">My Button</SpecialButton>
//   </div>
// ); …
Run Code Online (Sandbox Code Playgroud)

html javascript compilation content-management-system reactjs

15
推荐指数
4
解决办法
2万
查看次数

如何确定应用程序是否由Electron构建?

如何确定应用程序是否由Electron构建?

我能不能在Electron应用程序上找到特定的文件或二进制文件?

请给我一些建议,谢谢.

electron

9
推荐指数
2
解决办法
2888
查看次数

<button onclick = ...>和<a href="#" onclick=.../>之间有什么区别?

我发现很多次页面都使用"a"标签,并希望将其设为按钮.它是这样的:

<a href="#" class="button" onclick="...." />
Run Code Online (Sandbox Code Playgroud)

我很困惑为什么不只是使用"按钮"标签?像这样:

<button onclick="....">button</button>
Run Code Online (Sandbox Code Playgroud)

有什么区别?我真的想学习它,谢谢!

还有一个情况问题:

三个"按钮式<a>标签"如下:

在此输入图像描述

暗示:

  • 不同的人打电话给ajax然后得到不同的期间记录
  • 需要使用onclick ="location.replace()"因为顺利回到最后一页.

原始代码:

<a href="url" class="btn" >Today</a> 
Run Code Online (Sandbox Code Playgroud)

我改为:

<a href="#" onclick="location.replace(url)" class="btn" >Today</a> 
Run Code Online (Sandbox Code Playgroud)

考虑关于:

<button onclick="location.replace(url)">Today</button>
Run Code Online (Sandbox Code Playgroud)

在这种情况下你会做什么?使用按钮标签有什么不对吗?

javascript asp.net-mvc

5
推荐指数
1
解决办法
1226
查看次数

安装Productivity Power Tools 2012后,我在哪里可以找到Solution Navigator?

在阅读有关Productivity Power Tools 2012的文章后,我真的很有兴趣使用解决方案导航器 .

在我的VS2012中安装Productivity Power Tools 2012之后,我无法在任何地方找到解决方案导航器.有人能告诉我在哪里可以找到它吗?在文章中也没有提到它.

顺便说一句,我在"查看"和快速启动中找不到它...

如果有人建议解决方案,对我和很多人来说真的很有帮助.

productivity-power-tools visual-studio-2012

4
推荐指数
1
解决办法
1014
查看次数