小编Jan*_*łek的帖子

有人可以向我解释为什么我不能在First Name列上设置固定宽度吗？它的设置是通过宽度但它会破坏整个表格.如果你修改大小(通过鼠标)列将出现其他列.这是由于flebox？我不熟悉flexbox.

var ReactTable = ReactTable.default
class App extends React.Component {
  constructor() {
    super();
    this.state = {
      data: []
    };
  }
  render() {
    const { data } = this.state;
    return (
      <div>
        <ReactTable
          data={data}
          columns={[
            {
              Header: "Name",
              columns: [
                {
                  width:'50',
                  Header: "First Name",
                  accessor: "firstName"
                },
                {
                  Header: "Last Name",
                  id: "lastName",
                  accessor: d => d.lastName
                }
              ]
            },
            {
              Header: "Info",
              columns: [
                {
                  Header: "Age",
                  accessor: "age"
                },
                {
                  Header: "Status",
                  accessor: "status"
                } …

此代码取消GET请求但不能中止POST调用.
如果我首先发送GET请求并且我不通过abortAll方法取消它们,他们只是自己完成这个令牌自己取消并且不能在下一个请求中工作？我错过了什么？谢谢,约翰

import axios from 'axios'
class RequestHandler {

 constructor(){
  this.cancelToken = axios.CancelToken;
  this.source = this.cancelToken.source();
 }

 get(url,callback){

  axios.get(url,{
   cancelToken:this.source.token,
  }).then(function(response){

        callback(response.data);

    }).catch(function(err){

        console.log(err);

    })

 }

post(url,callbackOnSuccess,callbackOnFail){
 axios.post(url,{

        cancelToken:this.source.token,

    }).then(function(response){

        callbackOnSuccess(response.data);

    }).catch(function(err){

        callbackOnFail()

    })
}

abortAll(){

 this.source.cancel();
    // regenerate cancelToken
 this.source = this.cancelToken.source();

}

}

我无法在我的子元素上禁用此属性。有没有办法禁用盒子上的这个属性？我不能把这个元素移出父元素。

.full {
  width:100vw;
  height:100vh;
  filter:blur(2px);
}

.box {
  border:1px solid black;
  width:50px;
  height:50px;
  margin:5px;

}

.non-blur{
  filter:none;
}

<div class="full">
  <div class="box">Blured</div>
  <div class="non-blur box">Clean</div>
</div>

当我使用php artisan schedule:run命令时,shuffleQuoteOfTheDay方法被评估一次,然后它不会每分钟触发它.

内核@ schedule方法

protected function schedule(Schedule $schedule)
{

  $schedule->call('App\Services\MotivationalQuoteService@shuffleQuoteOfTheDay')->everyMinute();

}

MotivationalQuoteService @ shuffleQuoteOfTheDay方法

  public function shuffleQuoteOfTheDay(){

    $currentQuoteOfADay = $this->getQuoteOfTheDay();

    $randomQuote = MotivationalQuote::where('quote_of_the_day',false)->inRandomOrder()->first();

    $currentQuoteOfADay->update(['quote_of_the_day' => false]);

    $randomQuote->update(['quote_of_the_day' => true]);

    return $randomQuote;

  }

它确实工作了一次,但不是每一分钟,我创造了工作表.有人帮我这个吗？提前谢谢你.

我无法了解为什么该TableContainer|TableComponent组件没有正确更新其子级的真相。在商店中，我有一个对象数组，当我尝试更新对象属性时，它Table不会更新其值。如果我替换整个数组，它仍然可以工作。

您可以在此沙箱中检查此行为。

文档指出，启动可观察数组，也使项目可观察。（文档）

与对象类似，可以使用 observable.array(values?) 或将数组传递给 observable 来使数组变得可观察。这也以递归方式工作，因此数组的所有（未来）值也将是可观察的。

为什么会发生这种情况？我来自 redux 背景，我正在尝试将我的注意力集中在 mobx 上，但没有取得太大成功。