小编mr_*_*ing的帖子

我刚刚学习 Apollo-React 但无法发出 graphql 请求

这就是我在没有阿波罗的情况下所做的事情

const Search = () => {
    const [searchedText, setSearchedText] = React.useState('')
    const [suggestions, setSuggestions] = React.useState([])
    const [selected, setSelected] = React.useState(null)

    const debounceHandler = (searchedText) => debounce(() => {
        sendQuery(`{search(str:"${searchedText}") {name}}`).then(({search}) => {
            if (!search) return
            setSuggestions(search)
        })
    }, 500)

    const handleInputChange = async (e) => {
        if(e.key === 'Enter') {
            const name = e.target.value
            sendQuery(`{getPokemon(str:"${name}"){name, image}}`).then(({getPokemon}) => {
                setSelected(getPokemon)
            })
        }
        debounceHandler(searchedText)()
    }

   return (
    <div>
            <h1>Pokemon Search</h1>
            <input type="text" value={searchedText} onChange={(e) => …

我想实现一个带有名称、类型列的 AG 网格表。我想在表中再添加一列“编辑”，并允许用户编辑和删除表中的行。它看起来像这样：

我从 redux 存储中获取数据，这是我在行内实现数据的方式。

const members = useSelector(state => state.members) // Get current members 
const data = {
  columnDefs : [
{headerName: 'Name', field: 'name'}, 
{headerName: 'Type', field: 'type'},
{headerName: 'Edit', field: 'edit'}
],
  rowData: []
}

members.map((member) => {
  data.rowData.push({
    name:member.name,
    type:member.type,
    edit: '' // ?? What comes here so I can delete & edit by rows easily with buttons ?? 
  })
})

return ( 
    <div> 
    <div className="ag-theme-material">
        <AgGridReact columnDefs={data.columnDefs} rowData={data.rowData} />            
    </div>
</div>

)

我是 React-Redux …

我有一个组件

const DialogMain = Vue.extend(DialogComponent);

export const alertDialog = (text: string) => {
  const dialog = new DialogMain({
    propsData: {
      type: 'alert'    
    },
  });

  return new Promise(resolve => {
    // resolve reject handle here
    }
  });

因此，当我将应用程序迁移到 Vue3 时，出现'extend' does not exist on type 'typeof import('....')错误。我知道，由于全局 Vue 不再是可新建的构造函数，因此Vue.extend在构造函数扩展方面不再有意义。但我不知道如何用defineComponent编写它。是不是应该像

const dialogMain = defineComponent({extends: DialogComponent})

会和一样吗Vue.extend？

我是 Django 新手，通常使用基于函数的视图。但我发现使用 mixins 和基于类的视图更强大。我做了很多研究，但我仍然对如何使用 Mixins 感到困惑。为什么 Mixin 是跨多个类重用代码的绝佳方式？

何时或为何应使用基于类的视图？

如果您向我展示一个示例或比文档中更好的解释方式，我将不胜感激。