小编Chr*_*ris的帖子

在Stripe中更新计划成本

我有一个名为"青铜"的计划,目前每月收费$ x美元?

如何将价格更新为每月$ y并让现有客户每月收入$ y?

有没有比制定收费$ y的新计划更好的方法?

stripe-payments

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

如何访问Laravel集合对象中的第n个对象?

我有一个laravel集合对象.

我想在其中使用第n个模型.

我该如何访问它?

编辑:

我在laravel文档中找不到合适的方法.我可以在foreach循环中迭代集合,并在找到第n个项目时中断:

foreach($collection as $key => $object)
{
    if($key == $nth) {break;}
}
// $object is now the nth one
Run Code Online (Sandbox Code Playgroud)

但这看起来很混乱.

更简洁的方法是执行上述循环一次,并创建一个包含集合中所有对象的简单数组.但这似乎是不必要的重复.

laravel集合类文档中,有一个fetch方法,但我认为这会从匹配主键的集合中获取一个对象,而不是集合中的第n个.

php laravel laravel-collection

20
推荐指数
3
解决办法
2万
查看次数

如何在不重新触发 useEffect 的情况下访问 useEffect 中的状态?

我需要添加一些与 React 外部的对象交互的事件处理程序(以 Google 地图为例)。在这个处理函数中,我想访问一些可以发送到这个外部对象的状态。

如果我将状态作为效果的依赖项传递,它会起作用(我可以正确访问状态),每次状态更改时都会添加添加/删除处理程序。

如果我不将状态作为依赖项传递,则添加/删除处理程序会添加适当的次数(基本上一次),但状态永远不会更新(或更准确地说,处理程序无法提取最新状态) 。

代码笔示例:

也许最好用 Codepen 来解释: https ://codepen.io/cjke/pen/dyMbMYr?editors=0010

const App = () => {
  const [n, setN] = React.useState(0);

  React.useEffect(() => {
    const os = document.getElementById('outside-react')
    const handleMouseOver = () => {
      // I know innerHTML isn't "react" - this is an example of interacting with an element outside of React
      os.innerHTML = `N=${n}`
    }
    
    console.log('Add handler')
    os.addEventListener('mouseover', handleMouseOver)
    
    return () => {
      console.log('Remove handler')
      os.removeEventListener('mouseover', handleMouseOver)
    }
  }, []) // <-- …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-hooks

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

使用React Router和Webpack 2如何仅在某些路由上需要外部库?

正在工作

使用Webpack 2和React Router v4,我已经能够设置工作代码分割.有一个中间件<AsyncComponent>可以解析promise并返回组件(在github问题上找到的模式).

下面的一组示例路线:

<Switch>
    <Route 
        path="me" 
        render={(props) => 
            <AsyncComponent promise={ require.ensure([], (require) => require('./modules/Profile'), 'profile') } props={props} />
        } 
    />
    <Route 
        path="credit-card" 
        render={(props) => 
            <AsyncComponent promise={ require.ensure([], (require) => require('./modules/CreditCard'), 'credit-card') } props={props} />
        } 
    />
</Switch>
Run Code Online (Sandbox Code Playgroud)

目的

我想进一步扩展它,并且对于某些路由,加载其他库.在上面的例子中,我想取StripeJS(https://js.stripe.com/v2/)库只有当信用卡路线.

我想强调一下,我可以将Stripe直接加载到页脚中,并且一切正常.有多个库,我使用Stripe作为一个易于理解的例子.

尝试

以下尝试收效甚微:

  • 在webpack配置中标记lib外部.这(正确地)将库标记为外部库,并且在require的解析序列期间不会尝试将其捆绑.然而,期望是手动引入库.
  • 我已经玩过使用伪脚本加载器的想法(当遇到该路由时,手动创建一个<script>带有src属性,等待它加载,然后让组件做它的事情.这样做可行,但从可维护性来看真的很可怕(如果需要两个或更多库,那么我需要复制笨拙的手动script加载)的观点,并且似乎对webpack"方式"有效.

配置的相关部分

const core = [
    'lodash',
    'react',
    'react-dom',
    'axios',
    'react-router-dom',
];

const config = {
    context: path.resolve(__dirname, …
Run Code Online (Sandbox Code Playgroud)

javascript ecmascript-6 reactjs webpack react-router

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

如何使用rest api从dynamodb获取数据

如何使用RESTful API获取Amazon DynamoDB数据?

有没有办法使用REST URL获取Amazon DynamoDB数据,如果有,那么传递url所需的参数是什么?

我们已经将DynamoDB端点视为url并将其附加到,accesskey并且secretaccesskey,是否需要附加到url?

如果有人用DynamoDB RESTful API尝试过这个,你能给我一个如何获取表数据的例子吗?

示例网址也很好,显示如何通过RESTful API连接到DynamoDB.

理想情况下,需要所有参数的样本网址.

amazon-dynamodb

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

如何在Paw中作为多部分请求的一部分上传文件?

我目前正在嘲笑Paw中的几个端点,包括一个典型地接收多部分表单数据作为标准文本输入和文件的组合.

如果它是一个表单,它将如下所示:

<form action="/image/save" method="post" enctype="multipart/form-data">
    <input name="text-stuff" type="text" />
    <input name="image-stuff" type="file" />
    <input type="submit" value="Save"/>
</form>
Run Code Online (Sandbox Code Playgroud)

如何在Paw中作为多部分请求的一部分上传文件?

paw-app

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

在react router v4中,如何链接到片段标识符?

鉴于非常简单的页面(假设已经导入了React和react-router @ 4):

// Current location: example.com/about
<Link to="/about/#the-team">See the team</Link>
// ... loads of content ... //
<a id="the-team"></a>
Run Code Online (Sandbox Code Playgroud)

我希望上面的内容,点击"看到团队"后会向下滚动到id'ed团队主播.网址正确更新为:example.com/about#the-team,但不会向下滚动.

我尝试了其他替代品,<a name="the-team"></a>但我相信这不再是规范(也不适用).

在github上有很多关于react-router @ v2的解决办法,但它们依赖于BrowserRouter上存在的更新回调,v4中不再存在.

javascript reactjs react-router

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

考虑到rowspan和colspan,如何从一维数组创建动态html表?

我需要从一维数组构造一个html表,为了抽象,它具有以下格式:

{ value: "ABC", colspan: 1, rowspan: 2 }, // etc
Run Code Online (Sandbox Code Playgroud)

还有一个名为width动态的属性,表示列数.

下面的代码,我认为是接近的,并且可以处理"非rowpan"数据 - 但我正在惹恼如何考虑跨越单元格,而不会超出列数.

我觉得我需要一个"步进器",每当有一个行程时,它就会上下计数,但我无法正确计算数学.

目前,任何rowspan都会导致下一行退出表格的右侧.

基本上我希望它包装并放下下一个可用的地方.换句话说,动态地对表进行分配.

第1轮 - 不工作

http://jsbin.com/zopoxaqato/edit?js,console,output

const input = [
  { value: "a1", colspan: 1, rowspan: 1 },
  { value: "a2", colspan: 1, rowspan: 1 },
  { value: "a3", colspan: 1, rowspan: 3 },

  { value: "b1", colspan: 1, rowspan: 1 },
  { value: "b2", colspan: 1, rowspan: 1 },

  { value: "c1", colspan: 1, rowspan: 1 },
  { value: "c2", colspan: …
Run Code Online (Sandbox Code Playgroud)

html javascript arrays jquery

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

PHP函数中的return语句后面的代码

我正在/在一个非常陈旧的网站上工作,我不会把我的名字.在现有代码中似乎存在一种重新出现的模式,其方式如下:

function foo() {
    $a = 'a';
    $b = 'b';

    return;

    $c = 'c';
    $d = 'd';
}
Run Code Online (Sandbox Code Playgroud)

我非常不愿意从我没写过的函数中删除现有代码,而且一切都按原样运行.但我想知道为什么?

我学到的一切(除了goto行调用)告诉我return语句后面的代码是无用的.是吗?为什么以前的程序员会这样做?

php return function

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

对于一个元素的BEM方法可以属于哪个并且看起来不同,具体取决于Block?

假设我有一个带样式的复选框(想想材料设计,有一点可以实现所需的复选框样式).哪个块负责修改父依赖子块?

示例组件 - 复选框

所以我有以下内容:

<div class="Checkbox">
    <label class="Checkbox__label">
        <input class="Checkbox__input" type="checkbox" checked=true />
        <span class="Checkbox__icon glyphicon glyphicon-ok"></span>
        <span class="Checkbox__text">{label}</span>
    </label>
</div>
Run Code Online (Sandbox Code Playgroud)

我为块中的每个元素设置了基本复选框的样式.在应用程序的上下文中,复选框块可以存在于许多其他块中(具有自己的BEM结构).

其他块的示例

当在"紧凑面板"中说时,该复选框具有略微不同的外观:

<div class="Panel Panel--compact">
    <p>Disclaimer.. [text]</p>
    <Checkbox label="I Agree" /> 
</div> 
Run Code Online (Sandbox Code Playgroud)

选项一 - 家长"知道"关于孩子

那么..应该Compact Panel"了解"各种儿童积木,并对其进行造型,以便:

// Checkbox.scss 
.Checkbox {
    margin: 15px;
    // .. other
}


// Panel.scss
.Panel {
    &.Panel--compact {
        margin: 0;
        padding: 2px;
    }
    &.Panel--compact .Checkbox {
        margin: 0;
        padding: 1px;
    }
}
Run Code Online (Sandbox Code Playgroud)

选项二 - 孩子"知道"父母

或者,面板没有意识,复选框检查父范围.

// Checkbox.scss 
.Checkbox { …
Run Code Online (Sandbox Code Playgroud)

css sass less bem

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