问题标签 [react-hooks]

我正在使用 React Native 0.43。我有两个组件，名为ParentComponent和ChildComponent。我想将一些道具从父组件传递给子组件。我在父组件中使用以下代码（精简版）：

我的子组件如下：

现在，我的控制台显示以下结果：

现在componentWillMount()在我的原始代码中有一个对 Web 服务的 API 调用，该调用取决于this.state.latitude显然没有被传递的值，至少在第一次渲染时。在第二次渲染时，当this.state.latitude值可用时，只有render()函数执行，但我的componentWillMount()函数中需要这个值。

我在这里做错了什么？

在 ReactJS 中，我正在编写一个无状态组件；
因为我读过避免不必要的状态是最佳实践。

该组件表示当输入框包含值时执行功能的输入字段。

现在，我创建了另一个组件，它只是用于测试上述组件的示例。如下所示：

因此，我将 绑定value到组件中的自定义变量，当输入字段的内容发生更改时，该变量会更改。

为什么输入字段组件不使用新用户名更新自己？

亲切的问候，

以前当我想在屏幕打开时做一些动作时，我把它们放在里面componentDidMount。例如，我可以获取一些数据。

像这样。

但是react-navigation componentDidMount当用户第一次打开屏幕时只发生一次，如果以后用户再次打开这个页面，它不会触发componentDidMount。

检测页面（屏幕）何时激活并执行操作的正确方法是什么？

ReactSelect V2和V3似乎有几个道具，比如clearValue,resetValue和setValue. 无论我在尝试什么，我都无法以编程方式清除选择。resetValue似乎无法从外部访问。

这不会清除当前选择。

我在这里错过了什么还是它还没有完全实现？

我想知道，如果类只是原型的语法糖，而 es6 增强了函数式编码，我们是否可以纯粹地编写 reactJS 代码（并且不会错过生命周期方法）？

[编辑]

想一想最复杂的 React 应用程序，它可以纯粹用功能编写吗？这样做有意义吗？

编辑 2019 年 5 月：React Hooks 在这里：https ://reactjs.org/docs/hooks-reference.html

我刚刚读到了 react 的新功能钩子。阅读有关钩子的信息 ，但我无法使用它。它给了我错误。

我目前使用的是 16.6.0 版

最后我明白了钩子。

我作为 Fun 导入并在我的 app.js 文件中使用

我犯的错误是我没有安装 React v16.7.0-alpha，所以我使用 npm add react@next react-dom@next 安装。

谢谢

如何在新的 reactjs hook api 中调用 restApi。并使用 useEffects 和 useState 重用数据？我只想跨组件重用数据。

我有这个组件：

因为我想通过在 my中安装来尝试新的React hooks提案，但是我收到了一个错误：react@16.8.1package.json

我做错了什么？

在上面的示例中，每当setCount(count + 1)调用时都会发生重新渲染。我很好奇学习流程。

我尝试查看源代码。我在github.com/facebook/react上找不到任何参考useState或其他钩子。

我react@next通过安装npm i react@next并在以下位置找到以下内容node_modules/react/cjs/react.development.js

在追溯时dispatcher.useState()，我只能找到以下内容......

我想知道在哪里可以找到dispatcher.useState()实现并了解它在调用时如何触发重新渲染。setState setCount

任何指针都会有所帮助。

谢谢！

I'm trying out the new React Hooks and have a Clock component with a counter which is supposed to increase every second. However, the value does not increase beyond one.