G
допустим есть компонент function test() {} с каким-то html-кодом и при вызове в консоле test() чтобы всё рисовалось
вызывай в функции ReactDOM.render
Size: a a a
2020 August 27
a
А вы не тыкали в react-spectrum адобовский? Идея сама такой вот архитектуры библиотеки компонентов очень классно выглядит, на первый взгляд, как вам?
Да отлично, я статью как раз на эту тему готовлю.
Ну реакит просто постарше будет, чем спектрум, хотя к спектруму и требования более жесткие
Ну реакит просто постарше будет, чем спектрум, хотя к спектруму и требования более жесткие
VK
Да отлично, я статью как раз на эту тему готовлю.
Ну реакит просто постарше будет, чем спектрум, хотя к спектруму и требования более жесткие
Ну реакит просто постарше будет, чем спектрум, хотя к спектруму и требования более жесткие
Статья будет в общем доступе?
V
вызывай в функции ReactDOM.render
я вкурсе что так можно, мне надо именно через консоль (такая задача стоит, не от меня)
G
я вкурсе что так можно, мне надо именно через консоль (такая задача стоит, не от меня)
window.test = function() {...}
a
Статья будет в общем доступе?
Да. Первая версия уже давно есть, сейчас хочу как раз туда спектрум добавить и вообще о headless ui-kit порасуждать.
V
window.test = function() {...}
и в консоли test() будет работать?
VK
Да. Первая версия уже давно есть, сейчас хочу как раз туда спектрум добавить и вообще о headless ui-kit порасуждать.
Круто, спасибо, с интересом прочту👍
a
допустим есть компонент function test() {} с каким-то html-кодом и при вызове в консоле test() чтобы всё рисовалось
рисовалось куда?
V
на страничке в браузере
И
на страничке в браузере
const Component = () => {
const [visible, toggle] = useToggle()
useEffect(() => {
window.toggle = toggle
}, [])
if (!visible) return null
return <div />
}a
на страничке в браузере
сам вызов функции рисоваться никда не будет, нужно сделать ReactDOM.render(React.createElement(test), domNode)
G
и в консоли test() будет работать?
да
V
спасибо
SE
Всем привет! Как выключать другие дропдауны, если один открыт?
Список дропдаунов:
Дропдаун:
Список дропдаунов:
<ul>
<li> <Dropdown>Menu 1</Dropdown> </li>
<li> <Dropdown>Menu 2</Dropdown> </li>
<li> <Dropdown>Menu 3</Dropdown> </li>
<li> <Dropdown>Menu 4</Dropdown> </li>
</ul>
Дропдаун:
const [isOpen, setIsOpen] = useState(false)
<button onClick={() => setIsOpen(!isOpen)}>{ props.children }</button>
{ isOpen && <ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul> }
И
Всем привет! Как выключать другие дропдауны, если один открыт?
Список дропдаунов:
Дропдаун:
Список дропдаунов:
<ul>
<li> <Dropdown>Menu 1</Dropdown> </li>
<li> <Dropdown>Menu 2</Dropdown> </li>
<li> <Dropdown>Menu 3</Dropdown> </li>
<li> <Dropdown>Menu 4</Dropdown> </li>
</ul>
Дропдаун:
const [isOpen, setIsOpen] = useState(false)
<button onClick={() => setIsOpen(!isOpen)}>{ props.children }</button>
{ isOpen && <ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul> }
Поднять стейт на уровень выше
SE
Поднять стейт на уровень выше
А в пропсах другим передавать false?
И
А в пропсах другим передавать false?
Ага
SE
Ага
Я это вижу так
Как определить нажатый дропдаун?
const handler => {
setIsOpen(false)
// setIsOpen(true) для нажатого
}Как определить нажатый дропдаун?
SE
Ага
Есть идеи? Очень чешется вопрос)