小编Sin*_*ngh的帖子

以下

如何使用async/await与axios进行反应

我试图在React.js应用程序中使用Async/Await向我的服务器发出一个简单的get请求.服务器加载一个/data看起来像这样的简单JSON

JSON

{
   id: 1,
   name: "Aditya"
}

我可以使用简单的jquery ajax get方法将数据提供给我的React App.但是,我想利用axios库和Async/Await来遵循ES7标准.我当前的代码如下所示:

class App extends React.Component{
 async getData(){
     const res = await axios('/data');
     console.log(res.json());
 }
 render(){
     return(
         <div>
             {this.getData()}
         </div>
     );
 }
}

使用这种方法我收到以下错误:

对象作为React子对象无效(找到:[object Promise]).如果您要渲染子集合,请使用数组.

我没有正确实施吗？

如何使用react-router-domv4禁用用户单击浏览器后退按钮？

我在页面上显示一个模式，当用户按下浏览器后退按钮时，用户被带到上一个屏幕，而不是我想简单地关闭模式。

我试过这样做

onBackButtonEvent(event) {
    event.preventDefault();  
    // the user shouldn't be able to move backward or forward  
}
componentDidMount() {
    window.onpopstate = this.onBackButtonEvent;
}

但这并不能阻止用户后退或前进。有没有办法通过 处理这个问题react-router-dom？

我尝试了多种解决方案，但似乎没有任何效果。

我试图在 Chart.js (v 2.7.1) 的条形顶部显示实际数据值，但它不起作用。这是我的JSFIDDLE

到目前为止，我正在添加这段代码以使其工作。

showTooltips: false,
onAnimationComplete: function () {

    var ctx = this.chart.ctx;
    ctx.font = this.scale.font;
    ctx.fillStyle = this.scale.textColor
    ctx.textAlign = "center";
    ctx.textBaseline = "bottom";

    this.datasets.forEach(function (dataset) {
        dataset.bars.forEach(function (bar) {
            ctx.fillText(bar.value, bar.x, bar.y - 5);
        });
    })
}

我究竟做错了什么？随意分叉小提琴。

在我当前的场景堆栈中，我有 3 个场景 A、B 和 C。从 A 到 B 到 C 来回工作正常。但我无法直接从场景 C 导航回场景 A。这可能吗？我当前的代码如下所示：

<Scene key="root">
  <Scene key="aKey" component={A} />
  <Scene key="bKey" component={B} />
  <Scene key="cKey" component={C} />
</Scene>

到目前为止，我已经尝试在我的 C 组件中添加此代码：

Actions.pop

但它只导航回前一个场景（即 B 组件），我试图直接导航回根场景（即 A 组件）

我正在像这样FlatList在父母内部渲染多个孩子FlatList

<FlatList
    data={parenttypes}
    renderItem={({item})=><View>
            <Text>{item.name}</Text>
            <FlatList
                data={childtypes}
                renderItem={({item})=><View>
                    <Text>HOW DO I ACCESS PARENT'S item here as well</Text>
                </View>}
            />      
    </View>}
/>

如何访问父母FlatList的item内部孩子FlatList？

我试图将值从上下文提供者传递给使用方，useContext并在渲染函数之外访问该值。

我的提供者看起来像这样：

export const AppContext = React.createContext();

export class App extends React.Component(){
    render(){
        <AppContext.Provider value={{ name: 'John' }} ><Main /></AppContext>   
    }
}

我的消费者看起来像这样

import React, { useContext } from 'react';
import { AppContext } from './App';

export class Main extends React.Component(){
    componentDidMount(){
        const value = useContext(AppContext);
    }
    render(){
        return (
            <div>Main Component</div>
        )
    }
}

错误是这样的：

无效的挂接调用。挂钩只能在功能组件的主体内部调用。

我在我的wp主页上创建了一个帖子循环,其中5个最近的帖子一个在另一个下面显示.循环wp数据的代码是

$args = array('numberposts'=>'5');
$recentposts = wp_get_recent_posts($args);  
foreach($recentposts as $post){
    $v = $post['ID'];
    echo 'Title:'.get_the_title($v).'<br>';
    echo 'Date:' .get_the_date($v).'<br>';
}

"标题"部分工作正常,但"日期"部分仅显示帖子的ID,而不显示任何其他内容.

我究竟做错了什么？