小编Geo*_*der的帖子
React内联样式 - 样式prop期望从样式属性到值的映射,而不是字符串
我想在我的React应用程序中设置内联样式.在这种情况下,对于跨度:
<span className="myClass" style={{float : 'left', paddingRight : '5px'}} > </span>
React告诉我:
未捕获的不变违规:
style支持期望从样式属性到值的映射,而不是字符串.例如,使用JSX时style = {{marginRight:spacing +'em'}}.这个DOM节点由`SentenceView呈现
我不太清楚这意味着什么.
PS:我曾尝试不同的版本,所以我也paddingRight: 5还有paddingRight: 5 + 'px'还有paddingRight : 5px,但我没有任何成功!
推荐指数
解决办法
查看次数
电子和电子预构建有什么区别？
看了很多次包名,但是我什么时候不需要安装它而不是常见的electron...
推荐指数
解决办法
查看次数
React和NodeJS如何协同工作？
你能告诉我更多关于两者之间的关系吗？我想(例如)写一个小工具,在我的覆盆子pi上播放音频文件.然后我会在React中完全播放播放器和播放器接口,然后只是连接到节点以获取实际文件吗？
或者,更一般但同样的事情,如果我想编写一个应用程序来做某些事情(写文件,记录音频,更改系统设置等),这些都将在nodejs中完成,但是如果我想要一个接口我会用像React这样的东西吗？
我有点困惑,但我希望这个问题有效!
推荐指数
解决办法
查看次数
最小示例：从反应应用程序中打开电子窗口？
假设我正在使用 react/redux 和电子构建一个桌面应用程序。所以我在电子中的 index.html 文件看起来像这样：
<!DOCTYPE html>
<html>
...
<body>
<div id="content"></div>
<script src="public/js/bundle.js"></script>
</body>
</html>
我最大的 React 容器（称之为 app.js）被加载到 'id=content' div 中。到目前为止，这工作正常，但现在我想知道当用户单击我的 React 应用程序中的按钮时如何打开一个新的文件对话框窗口（或任何新窗口）。
我在这里和这里找到了一些例子，但两个例子都只解释了如何从主电子进程（在渲染器或主进程中）加载文件对话框窗口。
但是，我希望用户使用我的 React 应用程序，然后，一旦他或她单击一个按钮，我的应用程序就应该告诉电子生成一个新窗口，这个新窗口当然应该以某种方式成为我的反应的一部分应用。
如果有人能在这里提供一个关于这些如何协同工作的最小示例，我将非常感激。
推荐指数
解决办法
查看次数
React中的HTML5音频标签
我想在我的React应用程序中使用一个简单的HTML5音频标签。我的组件看起来像这样：
import React from 'react'
class AudioPlayer extends React.Component {
render() {
return (
<div>
<audio ref="audio_tag" src="./static/music/foo.mp3" controls autoPlay/>
</div>
);
}
}
export default AudioPlayer;
但它不会播放。我也没有任何错误。我现在将mp3文件放在应用程序的每个文件夹中，并尝试了其他路径等，但似乎无法识别。我可能缺少一些琐碎的东西吗？
推荐指数
解决办法
查看次数
表单输入和标签位于单独的行中？
我有一个表格：
<form action="thankyou.php" method="post">
<label>Name:</label>
<input class="contakt-input" type="text" name="firstname"/>
<label for="">E-mail</label>
<input class="contakt-input" type="text" name="secondname"/>
</form>
我希望所有元素都位于另一个元素之下，也就是说，我希望它看起来像这样：
姓名：
[字段]
电子邮件：
[字段]
但现在，一切都紧挨着——我该如何解决这个问题？
推荐指数
解决办法
查看次数
React - 单击更改CSS属性(箭头功能)
我的React/Gatsby文件中有以下内容:
import React from "react"
const click = () => {
console.log("J");
}
const NavButton = () =>
<button className="navbar-toggler navbar-toggler-right" style={{backgroundColor: 'blue', position: "absolute", margin: "30px"}}type="button" data-toggle="collapse" data-target="#collapsingNavbar" onClick={click}>
<div id="nav-icon1">
<span></span>
<span></span>
<span></span>
</div>
</button>
const Dropdown = () =>
<div style={{visibility: "hidden", backgroundColor: "blue", position: "absolute", height: "100%", width: "100%"}}>
</div>
export default (props) =>
<div className="left col-xs-12 col-md-6">
<Dropdown />
<NavButton />
{props.children}
</div>
现在我想click()在有人按下时发射NavButton,然后我想让它Dropdown可见.我该怎么做？现在,我已经是硬编码是Dropdown有style={{visibility: "hidden", ... …
推荐指数
解决办法
查看次数
NodeJS：从右到左的语言控制台日志（阿拉伯语）
我有以下微小的 nodejs 脚本，它只是控制台记录了一个阿拉伯语动词：
var verb = "???";
console.log(verb);
但是，控制台日志给了我： output: ???
- 这是动词，但倒过来了。（所以，而不是让abc我得到cba）。
我猜这是因为 nodejs 不知道我使用的是从右到左的语言，例如阿拉伯语。但是，我无法在网上找到任何有关如何解决此问题的信息？有什么我不知道的设置吗？
PS：有趣的是，虽然字母是倒置的，但它们的形式基本上是正确的——所以第一个字母虽然显示在最后，但仍然具有阿拉伯语第一个字母的正确形式（在阿拉伯语中，字母采取不同的形式，取决于在词中的位置）
推荐指数
解决办法
查看次数
选择文本和突出显示选择或获取选择值（反应）
我有一个显示一些跨度的React应用程序：
<span>Hello</span> <span>my</span> <span>name</span> <span> is </span> ...
我希望用户像这样用鼠标选择文本 
..然后获取选定的值，或突出显示文本等。我将如何在React中做到这一点？我不确定要使用什么事件处理程序以及如何掌握当前选择！一个最小的例子或提示将不胜感激！
推荐指数
解决办法
查看次数
单击<div>聚焦<input>（反应）
我知道如何使用jQuery。但是我对React感到困惑：每当用户单击div时，如何聚焦输入字段？
推荐指数
解决办法
查看次数
标签 统计
javascript ×7
reactjs ×7
css ×3
electron ×3
html ×3
node.js ×3
html5 ×2
arabic ×1
audio ×1
forms ×1
gatsby ×1
install ×1
npm ×1
npm-install ×1
react-native ×1