小编jam*_*han的帖子

React Native - TextInput的onChange与onChangeText之间的差异

我不确定何时在组件中使用onChangevs.我知道在回调中接受更改的文本作为arg,但这就是你要使用的原因,因为你可以在回调中更新状态?onChangeTextTextInputonChangeTextonChangeText

react-native

34
推荐指数
1
解决办法
3万
查看次数

在React Native中设置表格布局

我正在将React项目转换为React Native,需要帮助在React Native中设置网格布局.我想通过x行设置一个5-col(行数可能会有所不同)视图.我已经使用了react-native-tableview-simple软件包,但我无法指定单元格的范围.我也尝试过react-native-flexbox-grid包,我可以设置列,但是我仍然无法设置特定单元格的跨度宽度.我想知道我能用什么.

作为参考,我希望我的表看起来像这样的行:

     |Col 1|Col 2|Col 3|Col 4|Col 5|
     |------------------------------
Row 1|     Text        | Yes |  No | 
     |------------------------------
Row 2|     Text        | Yes |  No | 
     |------------------------------
Row 3|     Text        |  Dropdown | 
Run Code Online (Sandbox Code Playgroud)

react-native

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

Surge 部署的 React 应用程序 - 找不到 404 页面

我有一个正在运行的应用程序 ( http://simple-pen.surge.sh )。这是使用 React/Redux 构建的前端和 Rails 构建的后端。当我进入网站时,我可以注册或登录并为用户颁发 JWT 令牌。登录后,我有一组可以查看的笔记本。但是,只有在单击笔记本时,我才会被重定向到 404 Page Not Found 错误。

我不确定为什么在向某些页面发出 GET 请求时出现错误。尝试访问“ http://simple-pen.surge.sh/notebooks/1/notes ”网址,但失败。在一种情况下,我设置了它,如果用户登录,“simple-pen.surge.sh”根路径会将用户重定向到他们的笔记本路由,即“ http://simple-pen.surge.sh/notebooks " 呈现页面,但是当我直接对该 URL 发出实际请求时,我会收到错误消息。

以下是分别指向 React 和 Rails 应用程序的 GitHub 存储库的链接。 https://github.com/jamesvphan/simplepen-react https://github.com/jamesvphan/simplepen

关于为什么会发生这种情况的任何帮助或知识都会很棒!

reactjs surge.sh

8
推荐指数
3
解决办法
6286
查看次数

自动将标签应用于 github Pull 请求

我正在尝试查找一些有关如何在创建新拉取请求时自动添加标签的资源。到目前为止,我还没有找到任何这方面的文档。有什么指点吗?

github

7
推荐指数
1
解决办法
9240
查看次数

React Native - 使用AppRegistry注册组件

我是React Native的新手,但我注意到在index.js主文件中注册了App组件.我认为这类似于将App组件附加到React中的根元素.我知道我仍然需要导出我创建的每个组件,但是我是否必须在每个组件中调用此行?

AppRegistry.registerComponent('App', () => App)
Run Code Online (Sandbox Code Playgroud)

react-native

6
推荐指数
1
解决办法
6419
查看次数

CSS Flexbox - 根据屏幕大小组织弹性项目

我有一个 flex 项目的容器,我试图根据屏幕大小在不同的布局中组织不同数量的 flex 项目。例如,在桌面上,我想要有 4 个容器,每个容器有 2 个项目,排列在 2x4 网格中,每个单元格是 1x2。我似乎无法理解的是完全使用 flexbox 在平板电脑上获得布局。任何指向正确方向的指针都会很棒。

div {
  box-sizing: border-box;
  width: 100%;
}

.container {
  display: flex;
  border: 1px solid red;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 10px;
}

.cell {
  display: flex;
  flex: 50%;
  padding: 10px;
  border: 1px solid blue;
  height: 100px;
}

.data {
  width: 100%;
  justify-content: middle;
  flex: 1;
  border: 1px solid green;
}

@media only screen and (max-width: 1024px) {
  .container {
    display: inline-block;
    position: relative;
  }

  
  #cell1 { …
Run Code Online (Sandbox Code Playgroud)

html css flexbox responsive-design

6
推荐指数
1
解决办法
1万
查看次数

如何计算离散傅立叶变换?

我一直试图找到一些地方来帮助我更好地理解DFT以及如何计算它但无济于事.所以我需要帮助理解DFT和它的复数计算.

基本上,我只是在寻找有关如何计算DFT的示例,并解释它是如何计算的,因为最后,我正在寻找创建算法来计算它.

algorithm fft complex-numbers dft

3
推荐指数
1
解决办法
8837
查看次数

在组件属性更改时触发 CSS 转换

我想在组件的 prop 发生变化时淡入/淡出。我发现的一些基本示例通过切换元素样式的布尔条件来实现此目的,但我想通过道具更改来更新切换状态。

例如,在我的代码沙箱中,我有一些按钮,单击这些按钮将更新屏幕上的文本。我希望每当用户单击不同的选项时都能淡入/淡出此文本。

class Example extends Component {
  constructor(props) {
    super(props);
    this.state = {
      current: "dog",
      isVisible: false
    };
  }

  componentDidMount() {
    this.setState({ isVisible: true });
  }

  handleOnClick = option => {
    this.setState({ current: option });
  };

  // only used to test css transition
  forceToggleState = () => {
    this.setState(prevState => ({ isVisible: !prevState.isVisible }));
  };

  render() {
    const options = ["dog", "cat", "rabbit"];
    return (
      <div>
        {options.map((option, index) => (
          <button onClick={() => this.handleOnClick(option)} key={index}>
            {option}
          </button>
        ))} …
Run Code Online (Sandbox Code Playgroud)

javascript css reactjs

2
推荐指数
1
解决办法
2703
查看次数