小编som*_*ess的帖子

<Component {...pageProps} /> 功能如何?

这里的新手,

我可是从学习对码,我也发现几乎每一个_app.js这行代码了。

class Name extends App {
 render() {
    const { Component, pageProps } = this.props;
    const config = { some config here };
    return (
        <AppProvider config = { config }>
          <Component {...pageProps} />
        </AppProvider>
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

我知道那<Component {...pageProps} />部分代表所有其他页面。当我导航页面时,它会在 pageprops 中发生变化。

只是我不知道它如何调用其他页面?

state shopify reactjs next.js react-component

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

立即输入并更改div innerhtml

我试图做一个函数,在输入中键入一些内容,它立即更改div附近的innerhtml 。

的HTML

<input type="text" class="form-control" id="span_data" placeholder="Example input">
<div id="round" style="border:1px solid gray; width:40px; height:40px;float: right; border-radius: 50%; background-color: #cc66ff;align-items: center;justify-content: center;display: flex;">+</div>
Run Code Online (Sandbox Code Playgroud)

jQuery的

 $(document).on('change', '#span_data', function(e) {
    e.preventDefault();
    var data = $('#span_data').val();
    $('#round').html(data);
});
Run Code Online (Sandbox Code Playgroud)

仅当我在输入之外单击时,innerhtml才会更改,而在键入时不会更改。

我在哪里做错了?这是小提琴

javascript jquery

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

标签 统计

javascript ×1

jquery ×1

next.js ×1

react-component ×1

reactjs ×1

shopify ×1

state ×1