小编ST8*_*T80的帖子

我是React的新手,我想在我的应用程序中添加一个简单的"显示更多"按钮.我有一个数据数组,我想在默认情况下显示3个条目.当用户单击时show more,应呈现其余数据,Button应将文本更改为show less.我不确定该怎么做.

这是我到目前为止所得到的:

class Application extends React.Component {
  constructor() {
    super()

    this.cars = [
     { "name" : "Audi", "country" : "Germany"},
     { "name" : "BMW", "country" : "Germany" },
     { "name" : "Chevrolet", "country" : "USA" },
     { "name" : "Citroen", "country" : "France" },
     { "name" : "Hyundai", "country" : "South Korea" },
     { "name" : "Mercedes-Benz", "country" : "Germany" },
     { "name" : "Renault", "country" : "France" },
     { "name" : "Seat", "country" …

是否可以使用发出curl请求axios？

卷曲字符串是：

curl -v 'https://developer.api.autodesk.com/authentication/v1/authenticate' --data 'client_id=1234&client_secret=1234&grant_type=client_credentials&scope=bucket:create bucket:read data:write data:read viewables:read' --header 'Content-Type: application/x-www-form-urlencoded' -k | jq '.'

我试图这样做：

getToken() {

    axios.get({
        url: 'https://developer.api.autodesk.com/authentication/v1/authenticate',
        data: {
            client_id: '1234',
            client_secret: '1234',
            grant_type : 'client_credentials',
            scope: 'data:read data:viewables'
        },
        beforeSend: function(xhr) {
             xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
        }, success: function(data){
            console.log(data)
        }
    })        
}

但是没有运气-例如什么也没发生。

我以前使用cygwin-terminal进行curl-request，然后成功获得响应

{
 "token_type": "Bearer",
 "expires_in": 1799,
 "access_token": "eyJhbGciOiJIUzI1NiIsImtpZCI6Imp3dF9zeW1tZXRyaWNfa2V5X2RldiJ9.eyJjbGllbnRfaWQiOiJjWTFqcm1rQXhPSVptbnNsOVhYN0puVURtVEVETGNGeCIsImV4cCI6MTQ4NzU2NzgwMSwic2NvcGUiOlsiZGF0YTpyZWFkIl0sImF1ZCI6Imh0dHBzOi8vYXV0b2Rlc2suY29tL2F1ZC9qd3RleHAzMCIsImp0aSI6InJZcEZZTURyemtMOWZ1ZFdKSVVlVkxucGNWT29BTDg0dFpKbXlmZ29ORW1MakF0YVVtWktRWU1lYUR2UGlnNGsifQ.uzNexXCeu4efGPKGGhHdKxoJDXHAzLb28B2nSjrq_ys"
}

那么，React / axios是否有可能？

除了问题之外，我还可以将收到的令牌传递给另一个curl请求吗？

是否可以根据 IF/OR 语句呈现元素？

我试过类似的东西：

{!this.props.this || this.props.that && <button>Some button</button>}

但这不起作用。

我正在构建一个小型vue应用程序，除其他外，可以删除音乐收藏的条目。所以此时我有一个音乐专辑列表，并且在条目旁边有一个“删除”按钮。当我执行以下操作时：

<li v-for="cd in cds">
   <span>{{cd.artist}} - {{cd.album}}</span> <button v-on:click="deleteAlbum(cd.ID)">Delete</button>
</li>

然后在我的方法中执行以下操作：

deleteAlbum(id){   
 this.$http.delete('/api/cds/delete/'+id)
    .then(function(response){
        this.fetchAll()
    // });
},

到目前为止，这工作得很好，但为了让它更漂亮，我希望删除功能出现在模式/弹出窗口中，所以我做了以下更改：

<li v-for="cd in cds">
   <div class="cd-wrap">
     <span>{{cd.artist}} - {{cd.album}}</span>
     <button @click="showDeleteModal({id: cd.ID, artist: cd.artist, album: cd.album})" class="btn">Delete</button>
   </div>
  <delete-modal v-if="showDelete" @close="showDelete = false" @showDeleteModal="cd.ID = $event"></delete-modal>
</li>

所以，如上所示，我创建了一个<delete-modal>组件。当我单击删除按钮时，我想<delete-modal>借助事件总线将数据从条目传递到组件。为此，在我的方法中我这样做了：

showDeleteModal(item) {
  this.showDelete = true
  eventBus.$emit('showDeleteModal', {item: item})
}

然后，在-lifecycle<delete-modal>中，created()我这样做了：

created(){
  eventBus.$on('showDeleteModal', (item) => {
    console.log('bus data: ', item)
  })  
}

这给了我很多空的打开的弹出窗口/模式！！！？ …

我有一个Git带有一个dev和一个master分支的回购。我正在开发分支上添加新内容并提交这些内容。到目前为止一切顺利，但我得到的信息是

This branch is 5 commits ahead, 12 commits behind master.

那我现在该怎么办？

基本上我想将 master 合并到 dev 分支而不丢失对 dev 分支的新添加的更改，然后将所有更改合并到 master 分支中。

有人可以帮我吗？

我有三列,每列都包含一个DIV.这些DIV都充满了数据但偶尔会发生,这些DIV都是空的,在这种情况下,它们搞砸了我的布局.现在我想检查是否DIV填充了数据(html),如果没有,则删除它们.我做了一些if陈述,但我确信这可以做得更顺畅.

这是我的js代码:

if ($.trim($(".fcol1").html()) =='') {
   $(".fcol1").remove();
}

if($.trim($(".fcol2").html()) == '') {
   $(".fcol2").remove();
}

if($.trim($(".fcol3").html()) == '') {
   $(".fcol3").remove();
}

那么,有没有办法缩短这段代码？

如何设置不透明度值，例如opacity: 0.6在线性渐变背景图像上？

background-image: linear-gradient(to left, #00497a -26.48%,#003366 73.52%);

谢谢！

我想显示数组中一定数量的项目，当用户单击“显示下一个”时，数组的下五个项目将可见，如项目 6-10，其中项目 0-5 将被隐藏，例如应该始终只有五个项目可见。我怎样才能做到这一点？

我尝试了以下坚果但没有成功（请参阅此处的JSFIDDLE）

class Cars extends React.Component{
   constructor(){
   super()

   this.state = {
      limit: 5,
      cars: ["Audi", "Alfa Romeo", "BMW", "Citroen", "Dacia", "Ford", "Mercedes", "Peugeot", "Porsche", "VW"]
   }
 }

  showPreviousCars() {
    // show previous 5 items
  }

  showNextCars(){
    this.setState({
       limit: this.state.limit + 5
    })
  }


 render(){
    let cars = this.state.cars.slice(0,this.state.limit);
    return(
       <div className="car-wrapper">
         <ul>
           <li><a onClick={this.showPreviousCars.bind(this)}>Previous 5</a></li>
           {cars.map((car, i) => {
              return(
                <li key={i}>{car}</li>
              )

           })}
           <li><a onClick={this.showNextCars.bind(this)}>Next 5</a></li>
        </ul>

      </div>
    )
  }
}

欢迎任何建议！

如何debounce在async功能上使用？我的vue-app中有一个方法，该方法可从API检索数据，该方法连续调用该API，而我想避免这种情况。

这是我的方法：

methods: {
    async getAlbums () {
     const response = await AlbumService.fetchAlbums()
     this.albums = response.data.albums
    } 
}

我以前已经安装了，lodash那么如何实现呢？

我正在开发一个本地laravel-nova项目，过去几天运行良好。现在突然间，当我尝试前往该/nova路线时，我收到一条404错误消息Page could not be found。我尝试过

php artisan config:cache

但没有任何运气。我什至删除了vendor- 文件夹并运行了composer installand php artisan nova:install，但这也没有解决问题。

当我运行时，php artisan route:list我收到错误：

类 App\Http\Controllers\Laravel\Nova\Http\Controllers\LoginController 不存在

发生了什么？我该如何解决这个问题？

我的 Laravel 版本是 5.7，我在 Windows 10 计算机上运行此应用程序。