react ，變量定義方面的問題。

本人初學(xué)react，現(xiàn)有需求是，要在表格中實現(xiàn)行可編輯，需要下拉框?qū)崿F(xiàn)autocomplate效果，代碼如下圖：

在renderColumnsAuto函數(shù)中引用EditableCellAuto標(biāo)簽

標(biāo)簽EditableCellAuto定義在class外面

問題：

1. 我是否可以將【EditableCellAuto】標(biāo)簽定義到class里面，如果可以應(yīng)該怎么改寫？
2. 我想將【EditableCellAuto】定義到class里面的主要原因是，能夠使用，一些class里面定義的方法（調(diào)用接口動態(tài)生成下拉框數(shù)據(jù)），如果，不定義到里面，怎么使用這些方法。
3. 我不知道，這個【EditableCellAuto】叫標(biāo)簽還是應(yīng)該叫組件，請大神推薦一些，相關(guān)語法的參考資料、博客地址，請大神賜教，感激不盡……

附上源代碼

const EditableCellAuto = function({ editable, value1, onChange }) {
    return <div>
        {
            editable?<AutoComplete
            className="global-search"
            size="large"
            style={{ width: '100%' }}
            dataSource={dataSource.map(renderOption)}
            //onSelect={onSelect}
            //onSearch={this.handleSearch}
             onChange={value => onChange(value)}
            placeholder="一級類型"
            optionLabelProp="text"
            >
            </AutoComplete>
                : value1
        }
    </div>
}

    renderColumnsAuto = (text, record, column) => {
        return (
            <EditableCellAuto
                editable={record.editable}
                value1={text}
                onChange={value => this.handleChange(value, record.id, column)}
            />
        );
    }